Flexible.js响应式布局实现
flexible.js 的响应式布局用起来是真的蛮方便的,是我直接把默认限制的 540px 给注释掉之后,不管你页面开在什么分辨率下,整个布局都能自适应,省心不少。
flexible.js配合 VSCode 的cssrem插件用,效果挺不错的。你在写样式时直接用rem
单位,它就能根据屏幕宽度动态计算比例,适合做一些大屏展示那种不固定分辨率的项目。
我当时就是做个可视化大屏,屏幕大小没个准,用媒体查询也挺麻烦的,结果发现flexible搭着rem
用还挺省事。像这种页面从 1920 到 2560 都要兼顾的,就适合。
想了解更多,你可以看看这些相关文章:
小提醒一下,如果你也打算改掉 540px 的限制,记得检查下页面缩放,尤其是用meta viewport
的部分,调得合适了才能保证手机和大屏都不崩。
如果你也做响应式页面,是那种分辨率跨度大的,flexible 确实是个还不错的选择。
3.73KB
文件大小:
评论区