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

Question

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

Answer 1

To scale down, I suggest you try to make a mobile page. I guess you know that your problem has nothing to do with this, but let me talk about it. If you want to scale down, percentage layout, or rem layout, flex and many other new technologies Can do it.

Given your question, it is estimated that you are still new to the front-end.

Learn about: box-sizing css style, it will solve your problem

Tell me the reason for your problem: insufficient width causes floating, or inline elements and inline block elements move down. Under normal circumstances, the downward movement will not occur, so in fact, the element width and height change when you zoom the page, and the ultimate way to solve this change: set box-sizing

Answer 2

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