码迷,mamicode.com
首页 > Web开发 > 详细

创建响应式网站

时间:2015-12-26 19:41:59      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:

    创建响应式网站

1,创建可伸缩图像

.photo{max-width:100%;}

max-width:100%图像可伸缩,但是大小不会超过本来设定的大小

width:100%,图像也可伸缩,但是如果容器比图像大,图像就会被拉大会变丑。

2,创建弹性布局

.page{max-width:960px;} 布局可以缩放,但是总体大小不会大于960px;

3,媒体查询

可包含在媒体查询里的媒体特性:

width,height,device-width,device-height,orientation,等

!前缀min-(最小为),max-(最大为)

创建响应式网站

标签:

原文地址:http://www.cnblogs.com/lal-fighting/p/5078671.html

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