移动端HTML5如何开发?跟PC端有什么区别
3个回答
展开全部
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的是点击事件等
网页主要体现在倍率上,还有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的是点击事件等
2018-08-01 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
pc,我们需要考虑五大浏览器,ie6-11,firefox,chrome,safari都得兼容的吧。css还是js,以及各种框架。
mobile的网页开发,我们需要考虑什么呢?
就目前来说,我们只需要考虑webkit内核的浏览器和chrome,uc,qq,小米手机浏览器就好了
1、PC端在开发过程中考虑的是浏览器兼容性,移动端开发中考虑的是手机兼容性问题,做移动端开发,更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化;
2、在部分事件的处理上,移动端自然是偏向于触屏的,另外包括移动端弹出的手机键盘该如何处理,这样的问题在PC上肯定不会遇到,但在移动端,如果你没有经验,处理起来是相当麻烦的;
3、布局上,移动端开发是要做到页面布局自适应的,而PC端页面布局的比例会相对固定;
4、在动画效果处理上,PC端要考虑IE的兼容性,通常用JS做动画的通用性会好一些,但相比CSS3却牺牲了较大的性能,而在手机端,如果要做一些动画、特效等,第一选择肯定是CSS3,既简单,效率又高。
在实际中肯定还有其他一些不常见的问题
mobile的网页开发,我们需要考虑什么呢?
就目前来说,我们只需要考虑webkit内核的浏览器和chrome,uc,qq,小米手机浏览器就好了
1、PC端在开发过程中考虑的是浏览器兼容性,移动端开发中考虑的是手机兼容性问题,做移动端开发,更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化;
2、在部分事件的处理上,移动端自然是偏向于触屏的,另外包括移动端弹出的手机键盘该如何处理,这样的问题在PC上肯定不会遇到,但在移动端,如果你没有经验,处理起来是相当麻烦的;
3、布局上,移动端开发是要做到页面布局自适应的,而PC端页面布局的比例会相对固定;
4、在动画效果处理上,PC端要考虑IE的兼容性,通常用JS做动画的通用性会好一些,但相比CSS3却牺牲了较大的性能,而在手机端,如果要做一些动画、特效等,第一选择肯定是CSS3,既简单,效率又高。
在实际中肯定还有其他一些不常见的问题
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
运用的知识基本都是一样的,只是平台不一样
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询