問(wèn)題描述

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

問(wèn)題解答

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

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

了解一下:box-sizing這個(gè)css樣式，會(huì)解決你的問(wèn)題的

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

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