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
  On 11/26/2016 at 7:44 PM, https said:

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

Expand  

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

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

  On 11/26/2016 at 6:50 PM, andrey7287 said:

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

Expand  

 

Link to comment
Share on other sites

  • 0
  On 11/26/2016 at 8:36 AM, https said:

variaibles это что?

Expand  

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

  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
  On 11/26/2016 at 7:19 AM, https said:

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

Expand  

 

  On 11/26/2016 at 1:44 PM, https said:

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

Expand  

ну так ты добился того что чего хотел... А вообще телепаты 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
  On 11/26/2016 at 3:43 PM, https said:

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

Expand  

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

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