如何实现网页自适应布局的？1.根据屏幕的大小不同引入不同的css样式文件<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1000px)">2.响应式设计的步骤 1.设置Meta标签 2.大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用 视图的meta标签来进行重置。下面的视图标签告诉...
如何实现网页自适应布局的？
1.根据屏幕的大小不同引入不同的css样式文件
<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1000px)">
2.响应式设计的步骤
1.设置Meta标签
2.大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用 视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁 止初始的缩放。在<head>标签里加入这个meta标签。
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
[1]（user-scalable = no 属性能够解决 iPad 切换横屏之后触摸才能回到具体尺寸的问题。 ）
3.假设我们要兼容iphone和iPad的视图，那么可以这样设置
最低0.47元/天 解锁文章
1128
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
