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

html-css014

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

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

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

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

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

px是像素的意思,基本的属性都需要单位(就像流通货币一样,10元人民币和10美金会因为单位不同,他的价值就不同)

例如:宽度css 是width,你可以写width:100px那么这个css对应的选择器模块的宽度就是100像素,如果你不写px,那么html是解析不了你想让它干嘛(width:100是无效的属性赋值)

但有些css的属性可以不填单位,但是他的意思展示效果也跟着不一样,

就如行高line-height,当你赋值时加上了单位,那么他就是很准确的那个行高,但如果你不给单位,那么这个行高的数字就代表倍数,是根据内容乘以倍数来展示。

所以,html中设置属性时写px和不写的区别很大。