移动网页的尺寸设计

Posted feiying100

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动网页的尺寸设计相关的知识,希望对你有一定的参考价值。

  1. 如果只做pc端,那么静态布局(定宽度)是最好的选择;
  2. 如果做移动端,且设计对高度和元素间距要求不高,那么弹性布局(rem+js)是最好的选择,一份css+一份js调节font-size搞定;
  3. 如果pc,移动要兼容,而且要求很高那么响应式布局还是最好的选择,前提是设计根据不同的高宽做不同的设计,响应式根据媒体查询做不同的布局。

参考:

布局详解:

https://blog.csdn.net/qq_16546829/article/details/82954273

移动布局 - 弹性布局(rem+js):

https://segmentfault.com/a/1190000012225828

 

以上是关于移动网页的尺寸设计的主要内容,如果未能解决你的问题,请参考以下文章

移动端H5页面的设计稿尺寸大小规范

移动端界面设计之尺寸篇

移动端设计

H5在移动端尺寸适配方案

移动端页面尺寸之一倍图二倍图三倍图

为啥375x667是移动端原型设计的最佳分辨率