首页 > H5教程 > 正文

移动端H5解惑-页面适配(二)

转载 2019-02-11 0 2
移动端H5解惑-页面适配(二)

为什么要做页面适配

PC端为什么要解决浏览器兼容

因为在PC端,由于浏览器种类太多啦,比如几个常用的:IE、火狐、Chrome、Safari等。同时,由于历史原因,不同浏览器在不同时期针对当时的WEB标准有一些不一样的处理(虽然大部分一样),比如:IE6、IE8、IE10+等对于一些JS事件处理、CSS样式渲染有所不同。

而恰恰又有一些人在使用着不同类型的浏览器,以及不同浏览器的不同版本。所以,为了能让你的网站让这些不同的人看到效果一致,你就不得不做兼容,除非这些人不是你的目标用户。

移动端为什么要做适配

在移动端虽然整体来说大部分浏览器内核都是webkit,而且大部分都支持CSS3的所有语法。但是,由于手机屏幕尺寸不一样,分辨率不一样,或者你需要考虑横竖屏的问题,这时候你也就不得不解决在不同手机上,不同情况下的展示效果了。

另外一点,UI一般输出的视觉稿只有一份,比如淘宝就会输出:750px 宽度的(高度是动态的一般不考虑),这时候开发人员就不得不针对这一份设计稿,让其在不同屏幕宽度下显示 一致。

一致是什么意思?就是下面提到的几个主要解决的问题。

页面适配主要解决的问题

  1. 元素自适应问题
  2. 文字rem问题
  3. 高清图问题
  4. 1像素问题
  5. 横竖屏显示问题
  6. 手机字体缩放问题

由于不支持MD格式,排版实在是太烂,技术类的文章简直没法格式,大家点击下面 “了解更多” 阅读。

相关文章


  • H5游戏运营也要三道坎
  • H5|企业投资项目核准备案承诺制
  • B&O H5,来自北欧的音乐美学
  • 从0到1开发H5游戏
  • H5棋牌创业 之行规以及注意事项
  • 为什么总是网易的H5在刷屏?
  • 《口袋妖怪联盟》H5评测:童年回忆杀
  • 当红旗H5与宝马停在一起!