Supported in Chrome, IE8+, Opera, Safari 5.1+. The recommended pattern is
box-sizing : border-box;
, preceded by the fallbacks-webkit-box-sizing: border-box;
for old IOS<=4 and Android<=2.3, and-moz-box-sizing: border-box;
for firefox. You can apply it to all (*
) elements if you like.
It works like a charm. Apply it to all elements, use the IE fallback and all your padding problems will be history!
http://richd.nl/wp-content/uploads/2012/06/widthbox-182x300.png 182w, http://richd.nl/wp-content/uploads/2012/06/widthbox-54x90.png 54w" sizes="(max-width: 367px) 100vw, 367px" />
Leave a Reply
You must be logged in to post a comment.