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

问题描述

问 题

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

解决方案

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

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

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

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

这篇关于css - html li标签怎么按比例缩小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！