html5尺寸（h5页面的尺寸）

本篇文章给大家谈谈html5尺寸，以及h5页面的尺寸对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

微信号：cloud7591
如需了解更多，欢迎添加客服微信咨询。
复制微信号

本文目录一览：

• 1、5移动网页的设计稿尺寸应该是多少
• 2、HTML5移动网页的设计稿尺寸应该是多少
• 3、移动端的h5页面的尺寸是多少

5移动网页的设计稿尺寸应该是多少

一般而言H5移动设计稿为10rem，然后具体是宽约400像素px，高768像素px，平板的设计稿尺寸为768*1024的大小

HTML5移动网页的设计稿尺寸应该是多少

HTML5的移动端网页设计稿，通常情况下，内容区为750px或960px或者1080px的，一般不小于750px像素大小（宽度）

设计稿可以比750px大，但是绝对不能比750px小，这个主要是由于当前手机的分辨率相对较高（iPhone 6是375物理像素，但实际像素为其两倍，也就是750，这个750就是这么来的）

如果设计图稿过小，前端在实现图稿的时候里面的图片大小在高分辨率的情况下会显得模糊不清，所以这也是为何要“大”分辨率

此外需要注意的是，要保证页面的基准字体大小，在320px的设计稿当中，最小字体不宜小于12像素，其他像素的设计稿当中，等比例换算即可（12/320px*设计稿像素值）

移动端的h5页面的尺寸是多少

H5的尺寸一般设计为640x1136px

既满足了显示需求，又能降低用户加载图片需要的带宽。

可以用各种分辨率的移动智能手机查看我们设计的H5页面时，当然，也会出现如下的情况，内容显示不全，甚至一些重要内容和按钮都会被遮挡。

第一：背景图片必须采用background-size:cover;来实现。

第二：我们在进行H5页面内容规划布局设计的时候，不能把重要内容放在太偏下的位置或者偏上，否则前端布局时可能出现内容显示不全的情况。

扩展资料：

标准通用标记语言下的一个应用HTML标准自1999年12月发布的HTML4.01后，后继的HTML5和其它标准被束之高阁。

为了推动Web标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web超文本应用技术工作组 -WHATWG） 的组织。

WHATWG 致力于 Web 表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟） 专注于XHTML2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

参考资料：百度百科－HTML5

html5尺寸的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于h5页面的尺寸、html5尺寸的信息别忘了在本站进行查找喔。