首页 > 其他 > 详细

响应式布局

时间:2016-09-26 00:36:58      阅读:285      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!