div寬度60，邊框1，內含14px字符四個共56，此時56+1+1=58<60一切顯示正常
當縮放網頁到80%以及更小后，字符大小受谷歌內核最小12px限制強制變成12/0.8=15，此時15*4+1+1=62>60
這就會導致div內最后一個字符超出寬度限制自動換行影響閱讀
求教如何在不改變div寬度等數值的情況下解決這個問題，使字符在縮放時突破最小12px限制，感謝！！！
uj5u.com熱心網友回復：
利用2d變換中的縮放，在樣式中加一行transform: scale(0.75);
數值自己調，試試
uj5u.com熱心網友回復：
這個縮放好像是對應整個div進行同時縮放，能夠達到顯示出比12px更小字體的效果，但是實際元素大小并沒有改變，對于原來因超出寬度而導致的最后一個字換行影響閱讀的問題好像任然存在，并且設定之后原本不進行縮放情況下字符大小也對應改變了。有沒有正常能14px顯示，縮放網頁到80%以及更小觸發最小12px限制后任然能對應div同步縮小，不會超出寬度自動換行的方法呢
uj5u.com熱心網友回復：
這個方法有的，不過先解決div同時縮放的問題吧，解決方式就是在div中包裹一個標簽，比如span，給span設定縮放就好了，不過span是行內元素不能縮放，應該設定成行內塊元素或者行元素（如果不會就包個div吧）。這樣應該能搞定。至于網頁到80%后變更小，這個你可以學習一下回應式布局（也叫媒體查詢）@media screen and (max-width: 80%) {
div{
***********這里是樣式*********
}
}
這個應該能好用，你學習一下怎么用就好
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/118309.html
標籤：HTML(CSS)
上一篇：ReactJs頁面白屏
下一篇：vue z-index踩坑