Jump to content
  • 0

бустрап отключить адаптивность


https
 Share

Question

есть сайт на бустрап3(а может 4)
мне нужно выключить адаптивность для любых устройствах
я установил такую строку

<meta name="viewport" content="width=1200, initial-scale=0.4, maximum-scale=1.0, user-scalable=yes" />

все работает,но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную
гуглил,там описываются решения типа пересобрать бустрап или заменить все элементы на col-xs-
но для меня слишком сложно,плюс не хочу править сам шаблон
есть простое решение?
скачивал css файлы которые якобы убирают адаптивность но не помогает

Edited by https
Link to comment
Share on other sites

17 answers to this question

Recommended Posts

  • 1
7 минут назад, https сказал:

странно а почему тогда на мобиле нормально заработало?

Потому что на мобиле другие алгоритмы рендеринга.

Чтобы и на десктопе элементы плавно уменьшались при уменшении окна браузера, нужно использовать соответствующие единицы измерения - vw/vh/vmin/vmax, и, как сказали выше

1 час назад, andrey7287 сказал:

Подобные вещи делаются на этапе верстки а не включаются  по щелчку пальцев.

 

Link to comment
Share on other sites

  • 0
2 часа назад, https сказал:

variaibles это что?

имеется ввиду что надо собрать фреймворк из исходников. 

  1. скачать сорсы https://github.com/twbs/bootstrap/tree/v3-dev
  2. потом внести именения в файл с переменным "bootstrap/less/variables.less" (пример таких изменений приведен тут — http://stackoverflow.com/a/17978842)
  3. а потом с этими изменения "собрать" конечный css-файл
Link to comment
Share on other sites

  • 0

Вышеописанный путь для меня, как раз, и является самым простым.

Можешь еще попробовать заменить все значения в @media опираясь на стандартные значения настроек Bootstrap, для примера беру ту же ссылку что я выложил выше.

Link to comment
Share on other sites

  • 0

Попробуй отформатировать стили при помощи утилиты одной из утилит beautify css

А потом, к сожалению, все прийдется править вручную.

Или же опирайся на значения в настройках и глобально их замени, на пример: все вхождения "media (max-width:767px){" замени на "media (max-width:1px){"

Link to comment
Share on other sites

  • 0

не получается

вот мой проблемный файл style.min.css

зашел сюда  http://getbootstrap.com/customize/ 

в разделе Media queries breakpoints указал везде 1 и скачал

затем взял код min и заменил в style.min.css область normalize.css v3.0.2 | MIT License

в итоге при сжатии страницы появляется горизонтальный скролл, адаптивности нету, текст не сжимается

 

style.min.css

Edited by https
Link to comment
Share on other sites

  • 0
8 часов назад, https сказал:

но если я в десктопном браузере уменьшаю ширину то верстка превращается в адаптивную

 

1 час назад, https сказал:

в итоге при сжатии страницы появляется горизонтальный скролл, адаптивности нету

ну так ты добился того что чего хотел... А вообще телепаты 80lvl уже на зимних каникулах.

Link to comment
Share on other sites

  • 0

согласен,наверно не точно объяснил

мне нужно чтобы при сжимании ширины браузера вся страница сжималась, сжимался размер шрифтов,картинок,но не включалась адаптация под ширину

как раньше если мобилой открыть сайт то весь сайт целиком отображается в мелком размере

 

Edited by https
Link to comment
Share on other sites

  • 0

не помогло,в браузере при уменьшении ширины включается адаптив

по сути это таже строка которую я счас использую только с запретом user-scalable=no

этот же запрет на масштабирование вроде для мобильных только

Edited by https
Link to comment
Share on other sites

  • 0
3 часа назад, https сказал:

мне нужно чтобы при сжимании ширины браузера вся страница сжималась, сжимался размер шрифтов,картинок,но не включалась адаптация под ширину

Вы слишком много хотите. Подобные вещи делаются на этапе верстки а не включаются  по щелчку пальцев.

Link to comment
Share on other sites

  • 0

а если не по щелчку и без переделки всего шаблона?

например в хроме десктопном есть функция смены разрешения так вот там тоже нормально отображает,с уменьшением размеров

Edited by https
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy