html5手机端页面尺寸(h5页面大小750 1206)
常见的尺寸有24,28,35,37,42,50,55,60 什么是屏幕分辨率屏幕分辨率指横纵方向上的像素点数,单位为px,1px=1个像素点一般以纵向像素*横向像素表示 一个手机的屏幕分辨率如1960*1080。
从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备如果以iPhone为设计设备,尺寸一般是使用750x1334,1125 x 2436,1242 x 2208这三种尺寸设计都可以,750x1334是2倍图设计,1125x2346和1242x2208都是3。
手机端网页就没有统一标准了,比较流行的做法是按照iPhone 5的尺寸来设计倍率2,逻辑像素320×568 这样的做法比较实在,倍率2的屏幕无论在iOS还是Android方面都是主流,而且又是2倍屏幕中逻辑像素最小的所以图片的尺寸可以保持在较小。
HTML5的移动端网页设计稿,通常情况下,内容区为750px或960px或者1080px的,一般不小于750px像素大小宽度设计稿可以比750px大,但是绝对不能比750px小,这个主要是由于当前手机的分辨率相对较高iPhone 6是375物理像素。
PC端网站常用的宽度尺寸是1024像素px,不需要前端人员在这个页面的基础上耗费功夫但是对于手机网站就要特别注意了,如果我们用640px作为标准,那么当用户用320px的手机访问的时候,守旧就只能显示网站的一半大小如果出现。
1如果是比较复杂的页面,我们只需要第一屏撑满全屏,可以使用此方法单独定义html和body的样式html,bodywidth100%height100%2然后给DIV添加嵌套样式bgwidth 100%height 100%background #。
解决方案2建议你看一下网上的教程或者案例,自己对比学习再写建议如果是小白的话,要不然不会自适应屏幕大小的,只要你编写的html代码符合html5规则就行html5不是转化的,建议你看一下html5标签文档 解决方案3看你。