% div overflow small

Question

Я создаю отзывчивый веб-сайт с системой 960grid, и у меня есть небольшая проблема. Если вы посмотрите на сайт http://www.mesquidatattoo.com/new в div #slide 4 или где контактная форма при изменении размера окна на мобильный по горизонтали, он переполняется, в результате чего в нем находятся входы (которые имеют width: 100%;), чтобы растянуться и выйти контейнера. Я могу сделать overflow: hidden;, но это не решит проблему.

Answer 1

Добавьте следующие строки в CSS:

input[type=text], 
textarea { 
    box-sizing: border-box; 
} 

Это займет отступы во внимание при расчете ширины элемента.

Возможно, вам понадобятся браузерные префиксы в зависимости от того, какие браузеры вы собираетесь разместить.

box-sizing browser support