Skip to content

Instantly share code, notes, and snippets.

@RyanWarner

RyanWarner/input_width.css

Created December 16, 2013 16:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save RyanWarner/7990226 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save RyanWarner/7990226 to your computer and use it in GitHub Desktop.
Download ZIP
When defining input width on mobile, you have to set box sizing to border-box or it won't work.
Raw
input_width.css
input{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 200px;
}
@RyanWarner

RyanWarner commented Dec 16, 2013

Copy link
Copy Markdown
Author

http://stackoverflow.com/questions/5615980/mobile-safari-text-input-width-bug

@RyanWarner

RyanWarner commented Dec 16, 2013

Copy link
Copy Markdown
Author

https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing?redirectlocale=en-US&redirectslug=CSS%2Fbox-sizing

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment