如何写好一个字 & 有效的在 css 栅栏布局中优化排版?

1.目的

在优化系统面板的时候发现一个很苦恼的问题,可见图一:
One
图一:错乱的排版,字体采用了固定的大小。

那么如何使用 CSS 的相关知识,优化字体大小与栅格排版,使其能像图二一样,同时可自缩放,满足于不同屏幕浏览?

2.参考图
Two

3.思路

  • REM + @media
  • Bootstrap 4 优化了栅格,能满足现在的要求。但是在有效的周期内进行网站大幅度的修改是不可行的。
阅读 4.1k
4 个回答

一定要全部显示?可滚动不行么?

这一行用 flex 岂不是更好?

项目用的是bs3?是的话找个px->rem的工具把它的主css喂进去,吐个rem版的出来就可以初步支持缩放了,当然后边还得再自己写点乱七八糟的,比如如果想做高分屏支持就得单独加套DPR规则(这个好像到bs4也没支持。。?)。
原则上不支持字体写动态,当然有需要也可以变通。。。。

两个思路:1、最后一栏定宽 2、js控制样式

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题