流体布局和响应式布局之间有什么区别?
浮动布局使用非固定像素来定义网页内容。 也是百分比布局
。它通过将框的宽度设置为百分比来根据屏幕的宽度进行缩放,并且不受固定像素的限制。限制,内容向两边填充。
响应式开发使用CSS3中的Media Query,通过查询屏幕的宽度来指定一定宽度范围的网页布局。
- 超小屏幕(移动设备)768px以下
- 小屏幕设备768px-992px
- 中屏幕992px-1200px-1200px2px2pxBe由于响应式开发比较麻烦,所以一般使用No。使用第三方响应式框架来完成,比如bootstrap来完成部分工作。当然,你也可以自己写响应式。 ?已经有一个 PC 站点。开发手机版时,只需要单独开发手机版
对于一些新网站,现在要求适配手机版,所以一套页面兼容不同终端 开发 正确 关联性强,开发效率高 兼容各种终端,效率低 定制化 只适配移动设备,pad 上体验较差 可适配各种终端 效率 代码简单,加载速度快 代码相对复杂,加载速度慢
版权声明
本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。