文章探讨了布局视口的概念，包括width、device-width、initial-scale、user-scalable等属性，强调了用户缩放的控制。同时介绍了流式布局，其利用百分比实现宽度自适应，但可能导致大屏幕设备上的显示问题和兼容性挑战。
布局视口：width:虚拟窗口的屏幕宽度 device-width设备宽
initial-scale 页面的初始缩放比
user-scalabl 是否允许用户手动缩放
user-scalabl=no 不允许用户手动缩放
user-scalabl=yes 允许用户手动缩放，默认值
maxmun-scale:最大缩放比
minmun-scale：最小缩放比
height:设置viewport的高度
流式布局：
流式布局是宽度使用百分比代替固定宽度px，高度大多使用px来固定因此在大屏幕手机下显示的效果会变成页面元素的宽度被拉长，高度和原来保持一致
优点：
可以很好的来解决自适应的问题
缺点：
1、实际显示的效果不友好,屏幕越大，宽度被拉的很长，容易变形
2、大量使用百分比布局，会出现兼容性问题
扫一扫
1321
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
