css - html li标签怎么按比例缩小

Question

如图，在ip5下面，这个ul就错位了，我想里面的每个li都缩小一些，最好是按比例缩小，怎么设置呢?

Answer 1

按比例缩小，建议你去尝试做做手机页面，估计你就知道你的问题跟这个没关系，不过还是说说，如果要按比例缩小，百分比布局，或者rem布局，flex等很多新技术能做到。

鉴于你这个问题，估计你对前端还很陌生。

了解一下:box-sizing这个css样式，会解决你的问题的

说下你的问题发生的原因吧：宽度不够导致浮动，或行内元素、行内块元素下移。而正常情况下是不会发生下移的，所以，实际上你在页面缩放的时候元素宽高发生了变化，而解决这个变化的终极大法：设置box-sizing

Answer 2

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