На экране мобильного устройства я хочу, чтобы Bootstrap работал так, как если бы он отображался на рабочем столе. Содержимое должно выйти за пределы экрана. Я пытался удалить эту строку
<meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no">
Он по-прежнему полностью адаптирован для мобильных устройств. Я пробовал делать
.container{
min-width:900px;
}
Это приводит меня туда, где я хочу, поскольку переполнение содержимого соответствует ширине 900 пикселей. Однако блоки div, которые я дал class = "col-md-6 col-12"
на экране мобильного телефона, по-прежнему действуют так, как если бы они имели меньшую ширину, чем 900 пикселей, за счет использования всего столбца вместо разделения на col-md-6
и col-md-6
. Могу ли я отменить такое отзывчивое поведение? Я знаю, что могу просто сделать col-6
как класс, но есть длинное объяснение, почему я не могу сделать это для своего проекта.
Как насчет добавления на страницу блока <style> с настраиваемыми переопределениями, чтобы делать то, что вы хотите.
Спасибо, я попробую решение iframe после того, как вернусь с работы, и дам вам знать.
Том, я не знаю, как это делается, но я тоже займусь этим.
Используйте класс .col-xs-*
вместо .col-sm-*
, .col-md-*
или .col-lg-*
.
<meta name = "viewport" content = "width=900, initial-scale=1, shrink-to-fit=no">
Например, передайте ширину, в которой я ввел "900". это заставит страницу начальной загрузки не реагировать после 900 пикселей на 0 пикселей;
Это будет работать.
этот решение iframe может сработать для вас