最近新学了一个方法box-sizing:border-box,可以忽略margin,padding,border等所要占的位置,比如,你在做响应式网页时,当你所做的网页宽度是符合当前电脑屏幕宽度时,但是如果你某处有个input框,此时你需要将Input框里的文字向右平移.3rem,此时在电脑屏幕时,也许input框看不出来什么问题,当你把浏览器的宽度越缩越小时,此时,你会发现input框多出来一截。所以,为了解决这个问题,我们在用了Padding,margin,border里加上这个方法box-sizing:border-box,就不会出现以上说的问题了,不过为了兼容各个浏览器的不同,我们还需把浏览器写出来,例谷歌的写法:-webkit-box-sizing:border-box
时间: 2024-10-26 05:16:34