html页面自适应宽度

html页面实现响应式的方式有很多,本篇介绍懒人必备一招见效的方法。

在head标签中加入

 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

这样页面就能根据屏幕的宽度变动了。

如果想要图片自适应 加上width="100%",或者是 90 再居中显示。

posted @ 2019-07-31 10:04  别动我的猫  阅读(19605)  评论(0编辑  收藏  举报