Я использую Bootstrap в первый раз. Мой дизайн должен иметь минимальную ширину 400 пикселей. Когда я загружаю страницу на устройстве с более узкой шириной (мой Nexus 5 имеет ширину 360 пикселей), он переполняет область просмотра, а горизонтальная прокрутка необходима для просмотра содержимого. Я бы хотел, чтобы он автоматически масштабировался, чтобы соответствовать окну просмотра. Как я могу это сделать?Минимальная ширина и начальная шкала в бутстрапе
Как я уже говорил в комментарии, вы можете использовать отзывчивое изображение в бутстрапе. См. Эту ссылку: http://getbootstrap.com/css/#images-responsive
Вы ответили на свой вопрос, вам нужно настроить свое тело на минимальную ширину.
body{
min-width:1000px; /* suppose you want minimun width of 1000px */
width: auto !important; /* Firefox will set width as auto */
width:1000px; /* As IE ignores !important it will set width as 1000px; */
}
Это то, что я использую, в моем случае значение 400 пикселей. Это не проблема. Проблема в том, что когда я загружаю его в браузере по телефону, он переполняет область просмотра. Я хочу, чтобы он масштабировался, чтобы соответствовать окну просмотра. – Sonny
вот типичный видовой экран '' обратитесь к этой ссылке, это может помочь https://developer.mozilla.org/EN-US/документы/Mozilla/Мобильные/Viewport_meta_tag –
Вы хотите сделать это, не используя сетку? – Michelangelo
@ Майки. Я не понимаю вопроса, и может быть, потому что я очень новичок в Bootstrap. – Sonny
Посмотрите на эту ссылку: http://getbootstrap.com/css/#grid – Michelangelo