html+css移动端视口总结下载

[weixin_39821526]

1.什么是移动端 a)可以方便移动的设备都统称之为移动端，比如：手机、平板、手表等 2.开发一个移动端的页面最终是要呈现在手机上的，但是我们的开发人员在平时的开发过程中是要经常去做一些调试的，这个时候我们就可以利用浏览器给我们提供的手机模拟器开查看在手机上的效果。 右键----检查----找到设备模拟器切换窗口 3.设备模拟器里面内容介绍 a)iphone678======手机型号 b)375*667========手机屏幕的分辨率 c)75%============观看比例 d)旋转小图标======切换横屏和竖屏 e)右上角三个圆点=== i.capture screenshot 截取手机屏幕得相关设计稿（短图） ii.capture full size screenshot 截取手机屏幕相关设计稿(带有滚动条区域得所有) 4.常见设备的大小、屏幕的大小 a)iphone4========320*480 b)iphone5========320*568 c)iphone678======375*667 d)iphone678s=====414*736 5.获取设计稿得大小 a) , 相关下载链接：https://download.csdn.net/download/SongLiang02_/87768556?utm_source=bbsseo