码迷,mamicode.com
首页 > 其他好文 > 详细

2015-12-21(box-sizing:border-box)

时间:2015-12-21 23:30:46      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

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

2015-12-21(box-sizing:border-box)

标签:

原文地址:http://www.cnblogs.com/winterSnowwing/p/5065073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!