問題描述

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

問題解答

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

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

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

說下你的問題發(fā)生的原因吧：寬度不夠?qū)е赂樱蛐袃?nèi)元素、行內(nèi)塊元素下移。而正常情況下是不會發(fā)生下移的，所以，實(shí)際上你在頁面縮放的時候元素寬高發(fā)生了變化，而解決這個變化的終極大法：設(shè)置box-sizing

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