Code前端首页关于Code前端联系我们

流体布局和响应式布局之间有什么区别?

terry 2年前 (2023-09-27) 阅读数 47 #数据结构与算法

浮动布局使用非固定像素来定义网页内容。 也是百分比布局。它通过将框的宽度设置为百分比来根据屏幕的宽度进行缩放,并且不受固定像素的限制。限制,内容向两边填充。

响应式开发使用CSS3中的Media Query,通过查询屏幕的宽度来指定一定宽度范围的网页布局。

  • 超小屏幕(移动设备)768px以下
  • 小屏幕设备768px-992px
  • 中屏幕992px-1200px-1200px2px2pxBe由于响应式开发比较麻烦,所以一般使用No。使用第三方响应式框架来完成,比如bootstrap来完成部分工作。当然,你也可以自己写响应式。 ?已经有一个 PC 站点。开发手机版时,只需要单独开发手机版对于一些新网站,现在要求适配手机版,所以一套页面兼容不同终端开发正确 关联性强,开发效率高 兼容各种终端,效率低 定制化 只适配移动设备,pad 上体验较差 可适配各种终端 效率代码简单,加载速度快代码相对复杂,加载速度慢

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门