如何写好一个字 & 有效的在 css 栅栏布局中优化排版?
1.目的
在优化系统面板的时候发现一个很苦恼的问题,可见图一:
图一:错乱的排版,字体采用了固定的大小。那么如何使用 CSS 的相关知识,优化字体大小与栅格排版,使其能像图二一样,同时可自缩放,满足于不同屏幕浏览?
2.参考图
3.思路
- REM +
@media
- Bootstrap 4 优化了栅格,能满足现在的要求。但是在有效的周期内进行网站大幅度的修改是不可行的。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
两个思路:1、最后一栏定宽 2、js控制样式
一定要全部显示?可滚动不行么?
这一行用
flex
岂不是更好?项目用的是bs3?是的话找个px->rem的工具把它的主css喂进去,吐个rem版的出来就可以初步支持缩放了,当然后边还得再自己写点乱七八糟的,比如如果想做高分屏支持就得单独加套DPR规则(这个好像到bs4也没支持。。?)。
原则上不支持字体写动态,当然有需要也可以变通。。。。