css - html li標簽怎么按比例縮小

問題描述

如圖，在ip5下面，這個ul就錯位了，我想里面的每個li都縮小一些，最好是按比例縮小，怎么設置呢?

問題解答

按比例縮小，建議你去嘗試做做手機頁面，估計你就知道你的問題跟這個沒關系，不過還是說說，如果要按比例縮小，百分比布局，或者rem布局，flex等很多新技術能做到。

鑒于你這個問題，估計你對前端還很陌生。

了解一下:box-sizing這個css樣式，會解決你的問題的

說下你的問題發生的原因吧：寬度不夠導致浮動，或行內元素、行內塊元素下移。而正常情況下是不會發生下移的，所以，實際上你在頁面縮放的時候元素寬高發生了變化，而解決這個變化的終極大法：設置box-sizing

-webkit-transform: scale(0.8);transform: scale(0.8);