什么是响应式布局



因为出现了不同大小、不同分辨率的显示器,出现了不同标准的浏览器。

比如4K显示器、宽屏显示器、平板电脑、手机等显示设备。

比如谷歌浏览器、火狐浏览器、IE浏览器、Edge浏览器、搜狗浏览器、360浏览器、QQ浏览器、UC浏览器 等等各种乱七八糟浏览器。

为了让制作的网页适应不同大小、不同尺寸、不同技术标准的显示端,便出现了响应式布局。

即:响应不同显示端然后自适应式的布局

响应式布局听起来高大上,还有其他名称如 多端合一,3in1等,其实制作成本较高,性能也不咋好。

如果您不差钱,而且服务器配置高,就可以用这个了。

优点:

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

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

缺点:

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

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

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

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

另一种布局方式叫一个设备一个针对性的布局页面。一般最少写2个布局页面,即PC版和手机版。

特殊情况,比如有老式设备,老式系统,老式浏览器,需要写个 ie7浏览器布局。

特殊情况,需要使用最前沿科技的,需要写个 谷歌浏览器布局。

本站建议,不使用响应式布局。



联系客服:客服 客服 客服
0.655643s