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

响应式布局

时间:2016-09-26 00:37:19      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

优点:
面对不同分辨率设备灵活性强
能够快捷解决多设备显示适应问题
 
缺点:
兼容各种设备工作量大,效率低下
代码累赘,会出现隐藏无用的元素,加载时间加长
其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果
一定程度上改变了网站原有的布局结构,会出现用户混淆的情况

 

通过不同的媒介类型和条件定义样式表规则。媒介查询让CSS可以更精确作用于不同的媒介类型和同一媒介的不同条件。

@media screen and (max-width:999px)and (min-width:768px){。。。} //平板端

@media screen and (min-width:1000px){。。。} //PC端

@media screen and (max-width:768px){。。。} 手机端

 

响应式布局

标签:

原文地址:http://www.cnblogs.com/yuepangzi/p/5907578.html

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