1.目的
在优化系统面板的时候发现一个很苦恼的问题,可见图一:
图一:错乱的排版,字体采用了固定的大小。那么如何使用 CSS 的相关知识,优化字体大小与栅格排版,使其能像图二一样,同时可自缩放,满足于不同屏幕浏览?
2.参考图
3.思路
- REM +
@media
- Bootstrap 4 优化了栅格,能满足现在的要求。但是在有效的周期内进行网站大幅度的修改是不可行的。
项目用的是bs3?是的话找个px->rem的工具把它的主css喂进去,吐个rem版的出来就可以初步支持缩放了,当然后边还得再自己写点乱七八糟的,比如如果想做高分屏支持就得单独加套DPR规则(这个好像到bs4也没支持。。?)。
原则上不支持字体写动态,当然有需要也可以变通。。。。
2 回答883 阅读✓ 已解决
4 回答999 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
2 回答1k 阅读✓ 已解决
2 回答2.6k 阅读
一定要全部显示?可滚动不行么?