您的位置:首页技术文章
文章详情页

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

【字号: 日期:2023-06-30 13:31:06浏览:24作者:猪猪

问题描述

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

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

问题解答

回答1:

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

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

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

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

回答2:

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

标签: HTML
相关文章: