- viewport有三种,手机浏览器自带的viewport,默认宽度是980px或者1024px等,但手机窗口会比较窄,所以一般的网页会出现滚动条。通过在头部设置meta viewport后,浏览器会把网页窗口的宽度设置为320px(不同安卓手机会有所差异),同时不受手机分辨率的影响。这样网页上320px的元素理论上就会百分百1:1的显示到手机浏览器上,并且不出现滚动条。
响应式布局
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。1、布局特...
- 官网下载 在这里我还是要推荐下我自己建的web前端开发学习群:731669587,群里都是学web前端开发的,如果...