首先, 禁止网页缩放, 在 HTML head 里加入
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />接着, 避免图片撑大网页, 出现横向滚动条, 设置 img 标签的 CSS
img{
max-width: 100%;
}最后, 对某些表格或者表单等, 我们希望在电脑版(正常版)网页上有最大宽度, 但在手机上则希望是 100% 宽度, 这时, 便可利用 max-width 参数
.container{
width: 100%;
max-width: 880px;
}