鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全  HTML/ 如何寫好一個(gè)字 & 有效的在 css 柵欄布局中優(yōu)化排版？

如何寫好一個(gè)字 & 有效的在 css 柵欄布局中優(yōu)化排版？

1.目的

在優(yōu)化系統(tǒng)面板的時(shí)候發(fā)現(xiàn)一個(gè)很苦惱的問(wèn)題，可見(jiàn)圖一：
One
圖一:錯(cuò)亂的排版，字體采用了固定的大小。

那么如何使用 CSS 的相關(guān)知識(shí)，優(yōu)化字體大小與柵格排版，使其能像圖二一樣，同時(shí)可自縮放，滿足于不同屏幕瀏覽？

2.參考圖
Two

3.思路

  • REM + @media
  • Bootstrap 4 優(yōu)化了柵格，能滿足現(xiàn)在的要求。但是在有效的周期內(nèi)進(jìn)行網(wǎng)站大幅度的修改是不可行的。
回答
編輯回答
陌如玉

一定要全部顯示？可滾動(dòng)不行么？

2018年2月10日 15:54
編輯回答
墻頭草

兩個(gè)思路：1、最后一欄定寬 2、js控制樣式

2017年7月31日 03:57
編輯回答
陌南塵

這一行用 flex 豈不是更好？

2018年4月10日 21:01
編輯回答
懶洋洋

項(xiàng)目用的是bs3？是的話找個(gè)px->rem的工具把它的主css喂進(jìn)去，吐個(gè)rem版的出來(lái)就可以初步支持縮放了，當(dāng)然后邊還得再自己寫點(diǎn)亂七八糟的，比如如果想做高分屏支持就得單獨(dú)加套DPR規(guī)則（這個(gè)好像到bs4也沒(méi)支持。。?）。
原則上不支持字體寫動(dòng)態(tài)，當(dāng)然有需要也可以變通。。。。

2017年7月15日 02:11