js 和html5有什么关联?移动端跟pc端有什么不同点?

如题所述

PC和mobile上是有区别的。

网页主要体现在倍率上,还有HTML5兼容问题。
iphone4s倍率是2x,即2倍;
iphone6倍率是2x;
iphone 6 plus 倍率是3x;

安桌上
hdpi倍率是1.5x;

xhdpi倍率是2x;

xxhdpi倍率是3x;

要想图片在mobile上得到图片的原始清晰度,和大小,那么他和PC上1x倍率的图片对应关系是;
PC:像素 =像素 * 倍率;
例如:100px = 100px * 2 =>iphone6;这样清晰度和大小看起来都一样。
这样同一张图,在电脑上你是100px宽高,在iphone6上你就是200px的宽高,看起来清晰度差不多,若你将100px的图片不变放到iphone6上,那么他会变得比想象中小。若你又不想增加宽度200px达到目的,那么你可以按照如下解决问题。
解决手机上全屏显示(小图适配显示,会放大,牺牲清晰度为代价)的方法是在head中加入

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 。

meta告诉浏览器设备初始时候无缩放,最大缩放为原始大小,用户不可以缩放。
我仅给你讲解有很大倍率区别,需要专业学习倍率。

至于html5和一些标签,js的兼容就容易理解多了。
PC要考虑IE8只兼容部分html5标签,IE9也不够完全。

其他一些 flash运用,交互也是有区别的。
iphone不知道flash,上系上js多了触控事件,PC的是点击事件等
温馨提示:内容为网友见解,仅供参考
无其他回答

js 和html5有什么关联?移动端跟pc端有什么不同点?
PC和mobile上是有区别的。网页主要体现在倍率上,还有HTML5兼容问题。iphone4s倍率是2x,即2倍;iphone6倍率是2x;iphone 6 plus 倍率是3x;安桌上 hdpi倍率是1.5x;xhdpi倍率是2x;xxhdpi倍率是3x;要想图片在mobile上得到图片的原始清晰度,和大小,那么他和PC上1x倍率的图片对应关系是;PC:像素 ...

到底HTML5和javascript有什么关系?
JS是一种页面脚本,通过执行程序脚本片段,可以对页面及页面上的元素进行操作,实现特定的功能与效果。有一些东西,用高级编程语言是实现不了的,而用JS,可能几行代码就可搞定。比如,显示当前系统时间等。html5是html的最新版本是一种页面技术,主要用来做网页的。

html5移动开发 有什么不同
html5移动开发跟pc开发区别还是有的,如下几点;移动端不需要 300ms 的单击确认,所以不要监听 click 事件2. 移动端网络一般较慢,如何减小页面体积及请求数,利用好缓存3. 移动端需要点击的元素及其间隔不能太小,考虑手指的面积4. 横屏和竖屏下的表现5. 不同浏览器间的兼容性(太多了,如 positi...

移动web开发和html5开发有什么不同
1、手机网页开发。这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。2、app前端开发。使用的技术也是html+css+js,但它...

将html5的页面变成jsp后缀有有什么影响,比如说,要在移动端用的用jquery...
没什么影响,楼主要知道HTML5和JSP都是什么端的技术这个问题就不再是问题了。HTML5技术是指遵循了HTML5标准的页面,HTML和JS技术是由浏览器提供支持并解析实现的,他们和服务器是没关系的。JSP页面是Java EE中用来解决在Servlet书写HTML代码这个烦人的问题产生的一种技术,JSP页面最终会被编译为一个...

HTML5 面试题PC端和移动端有什么区别
PC端相对而言支持更多的样式等等,同时PC端的屏幕会大很多,所以我们需要对不同客户端类型进行调整,例如样式的不同,等等,同时我们也需要对不同的客户端做一个优化,例如移动端表单输入可以变成加个键盘模拟输入,视频流需要切换为普通视频而非Flash等..

web前端、html5、JavaScript这三个区别是什么
javascript是一种脚本语言,一般负责网站行为,例如操作dom,切图是属于前端,html5也是属于前端。不过现在很多公司基本上不会单单招一个切图了,现在的前端开发需要html5+css3 +javascript, jquery,ajax,json 还要有框架的技术,如:angular 、vue、react等,还需要会开发小程序,会代码管理,如git 会...

移动端HTML5如何开发?跟PC端有什么区别
PC端DPR相等,所以你可以直接以PX为单位对元素进行定义;移动端DPR各有不同,使用PX会导致不同移动端界面不一样,布局完全崩掉。移动端需要媒体查询或rem布局这样的方式对高宽进行定义 详情百度DPR 和 rem等

HTML5开发难吗?和WEB前端是什么关系?怎么学?
至于说怎么学嘛,首先从布局开始,基础的HTML与CSS,之后学习移动端,但是建议依旧保持在布局层面;之后接触JavaScript,原生JS,当原生JS学会之后,jQuery的框架就好学多了,还有就是AJAX,它实现的是前后台数据交互,也就是让你的“静态页面”变成“动态页面”。学习途径通常两种:一种就是自学,这个虽然...

移动web开发和html5开发有什么不同
1.H5 做移动开发也分两种,一种就是正常的网页,一种是封装的成 App 在手机上跑的。下面我只大致介绍一下又哪些框架,具体的特性不是三两句能说完的,题主可以自行搜索相关资料。后者比较知名的框架就是 PhoneGap、MUI 等等了。2.而前者具体分的话还分 CSS 框架和 JS 框架。样式框架有很多了,...

相似回答
大家正在搜