码迷,mamicode.com
首页 > 其他好文 > 详细

实现响应式布局效果

时间:2015-08-04 18:36:22      阅读:92      评论:0      收藏:0      [点我收藏+]

标签:

<link href="xiangyingshi.css" type="text/css" rel="stylesheet" media="only screen and(max-width:640px)" />//最大不能超过640px
<style>
@media screen and (min-width:640px){//最小不能小于640px
body{
background-color:#003;}
}
</style>
<body>
</body>
</html>

<meta name="viewport" content="width=device-width,initial-scale=1" />//content="width=device-width指定设备的宽,initial-scale=1按照原比例进行缩放

@media screen and (min-width: 600px;) and (max-width: 960px){}//最小600最大960px;

实现响应式布局效果

标签:

原文地址:http://www.cnblogs.com/-chengkai/p/4702689.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!