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

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和不写的区别很大。

1、首先打开html5编辑器，新建一个html文件，在里面写入一个button按钮，被button按钮设置一个样式，这里给它的class属性设置为btn：

2、在上方引入style标签，在里面设置btn类的样式，这里设置宽度和高度使用width和height属性就可以了，最后在美化一下按钮，设置背景色和字体颜色以及文字橘子效果：

3、最后打开浏览器，即可看到设置好的按钮了。以上就是html5中设置按钮的宽度和高度的方法：

---