建站百科

文章导读：本文主要阐述了“网站适配手机的常用css”现在是移动互联网时代，网站几乎都要适配手机，如果你愿意自己动手的话，下面分享一些网站适配手机的常用css。首先, 禁止网页缩...，本文由跨屏网最后更新于2020-07-22，全文共335个字，预计阅读时长1分7秒。

首先, 禁止网页缩放, 在 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;
}

写在最后，以上就是对于“网站适配手机的常用css”的一些看法，欢迎指正、交流。

本文标题：网站适配手机的常用css
浏览地址：http://test.kuaping.com/article/show120.html