Как отключить мобильную версию сайта?
Есть тестовый сайт в разработке http://510294.psiurok.web.hosting-test.net. Подскажите как отключить мобильную версию сайта, чтобы была только строго фиксированя ширина сайта?
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Как отключить псевдокласс hover при переходи на @media screen (на мобильную версию сайта)
Подскажите, можно как то при переходе сайта на медиа запросы @media screen and (max-width: 500px).
как сделать мобильную версию сайта
Здравствуйте. Можете рассказать и объяснить в чем отличие мобильных версий сайта от обычной из за.
Как добавить фильтры в мобильную версию сайта
Как в эту часть мобильной версии моего сайта добавить виджеты (фильтра). Скажи те пожалуйста папку.
верстать мобильную версию сайта
Делаю сайт, точнее подправляю шаблон, на сайте заказчика, именно надо подправить мобильную версию.
39 / 39 / 26
Регистрация: 11.01.2014
Сообщений: 343
Вот в чем прикол нету такой функции как «мобильная версия сайта».а есть адаптация под маленькие экраны. Чтобы адаптировать сайт под телефон это нужно писать отдельный файл классов, который будет смотреть ширину экрана и менять все теги. Селектор который «смотрит» на размеры экрана называется «media» еще можно использовать всевозможные js скрипты или же плагины на тот же js или css.
Если я правильно понял вы используете какой то шаблон так что вам придется понять через что адаптируется ваш сайт и закомментировать эту часть кода.
Я подозреваю что все сидит в css.
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь
Адаптация таблиц под мобильную версию сайта
Здравствуйте! Подскажите, пожалуйста, можно ли реализовать следующую вещь: создать таблицу с.
Переход на мобильную версию сайта, в зависимости от устройства (или расширения экрана)
Я не знаю, по какому принципу работают сайты, у которых при открытие которого с мобильного.
Удалить с css мобильную версию
ребята помогите удалить вот с этого css http://codepen.io/anon/pen/ZYbbem.css полностью мобильную.
Удалить с css мобильную версию
подскажите что с данного кода убрать чтобы удалить полностью мобильную версию сайта
Как отключить адаптацию сайта?
Всем привет! как убрать адаптацию сайта под моб устройства?
У меня стоит контейнер 900пикс. он отображается нормально, а вот секция в котором лежит контейнер обрезается под размер устройства. Как сделать на всю ширину?
- Вопрос задан более трёх лет назад
- 1011 просмотров
2 комментария
Оценить 2 комментария
Как убрать мобильную адаптацию?
Вообщем суть такая, делал сайт на бутстрапе, на мониторах всё отлично, с мобильными девайсами беда, начинает адаптивить под них, и всё встает криво (знаю, что нужно руками идти в @media) но нету уже не сил не времени, хочется что бы на мобильной версии сайт выглядел так же как и на ПК, т.есть что бы на мобилке можно было увеличивать сам сайт.
Запутал всё, надеюсь суть поймете.
Например как здесь opttrade55.ru, открываешь с мобильника и увеличиваешь его.
Повторюсь использовал Bootstrap. Как отключить адаптацию на мобильные, планшеты?
- Вопрос задан более трёх лет назад
- 1078 просмотров
Комментировать
Решения вопроса 2
Виктор Таран @shambler81
Смысл было собирать сайт на бутстрапе и откзаыватсья от адаптива?
Так же не забывайте что поисковики в открытую пессимизируют сайты неадаптивные.
Так что с точки зрения сео вы еще и проиграете.
Проще уже доделать адаптив.
pro-cod.ru/otklyuchaem-adaptivnost-bootstrap.html
Flex — CSS: Адаптивность сайта
В курсе про Flex много говорилось про то, что модуль помогает разработчикам адаптировать сайты для мобильных устройств. Мы рассмотрим подходы, которые позволят быстро адаптировать сайт под использование на мобильных устройствах. Главными нашими помощниками станут два свойства, о которых шла речь в курсе про Flex — это flex и flex-wrap .
Как и в прошлом уроке, для примера возьмем три блока, которые расположены в одну строку. В отличие от урока про резиновую верстку, выставим ширину каждого блока в 266.66px . Другими словами, сделаем фиксированную ширину блоков:
.container width: 800px; > .section display: flex; > .section .item flex: 0 0 266.66px; > Что случится с такими элементами, если разрешение будет меньше 800 пикселей по ширине? Появится горизонтальная прокрутка. Это не очень очевидно для пользователя, поэтому он может упустить важную информацию на нашей странице.
Обратите внимание, что последний блок полностью ушел за пределы видимой области. Если пользователь не заметит прокрутку, или мы случайно ее запретим, то информация из последнего блока станет недоступна для пользователя.
Такую катастрофу можно предотвратить, если воспользоваться правилом flex-wrap . Оно подскажет браузеру перенести элементы, которые не помещаются в контейнер. Добавим это правило в селектор .container и посмотрим, как станет выглядеть наш блок при ширине 500px :
.section display: flex; flex-wrap: wrap; > Отличный результат! Мы переместили на вторую строку блок, который в прошлый раз был скрыт. В некоторых ситуациях одного правила flex-wrap достаточно, чтобы flex-элементы подстраивались под разрешение экрана.
Кроме flex-wrap , нам может помочь еще и правило flex . Свойство flex объединяет в себе три свойства:
- flex-grow
- flex-shrink
- flex-basis
Чтобы блоки вели себя адаптивно и «резиново», нужно разрешить элементам сжиматься по необходимости и занимать свободное пространство, если оно доступно. Базовую ширину мы задаем через свойство flex-basis — выставим там значение 266.6px . Мы разрешаем блокам сжиматься и занимать свободное пространство, поэтому здесь flex-basis — это значение по умолчанию:
.section .item flex: 1 1 266.66px; > Теперь посмотрим на поведения блоков в трех различных разрешениях:
- 800 пикселей по ширине
- 600 пикселей по ширине
- 400 пикселей по ширине
Открыть доступ
Курсы программирования для новичков и опытных разработчиков. Начните обучение бесплатно
- 130 курсов, 2000+ часов теории
- 1000 практических заданий в браузере
- 360 000 студентов
Наши выпускники работают в компаниях: