1.声明viewport视频
2.流式布局
3.所有容器、文字、图片:相对尺寸
4.使用CSS3 Media Query
CSS3 Media Query查询方式:
根据媒体查询结果执行不同CSS文件(少)
根据媒体查询结果执行不同CSS片段(多)
@media screen and(min-width:768px) and (max-width:991px){
选择器{样式设定}
}
1.声明viewport视频
2.流式布局
3.所有容器、文字、图片:相对尺寸
4.使用CSS3 Media Query
CSS3 Media Query查询方式:
根据媒体查询结果执行不同CSS文件(少)
根据媒体查询结果执行不同CSS片段(多)
@media screen and(min-width:768px) and (max-width:991px){
选择器{样式设定}
}