响应式布局

Posted 2020-08-10

优点：

面对不同分辨率设备灵活性强

能够快捷解决多设备显示适应问题

 

缺点：

兼容各种设备工作量大，效率低下

代码累赘，会出现隐藏无用的元素，加载时间加长

其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果

一定程度上改变了网站原有的布局结构，会出现用户混淆的情况

 

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

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

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

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