创建响应式网站

    创建响应式网站

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-（最大为）