2

Здравствуйте, друзья! Столкнулся с простым вопросом, но не понимаю, как его легче всего решить. Хочется, чтобы на мобильных устройствах отображалась полная версия сайта, а не кривой "адаптив", подстраивающийся под ширину экрана. Это что, только в табличной верстке можно сделать? Как это сделать в блочной верстке?

3
  • 1
    Нет, потросто фиксируй весь контент и все + убери или не добавляй <meta name="viewport" content="width=device-width, initial-scale=1" /> и все получится 8 окт 2016 в 15:53
  • не факт! как раз если все, как вы говорите, зафиксировать, например, ставим фикс 1000px, то на айпаде ландшафт будет вроде бы все гут, а вот на айпаде-портрет кусок справа шириной 232px уйдет за экран, блондинки начнут переворачивать айпад в поисках отрезаной части))). на айфоне все будет еще печальнее... Как минимум как раз не фикс нужен, а ширина 100% 8 окт 2016 в 16:15
  • резина совсем никак не подойдет, нужны точные величины вроде px я бы еще использовал grid960 тоже как вариант нормальная штука, только без адаптива она будет скейлится и все будет красиво 8 окт 2016 в 18:36

2 ответа 2

1

Правильное программирование адаптивного сайта ни в коем случае не должна иметь "кривой адаптив". Примените viewport: <meta name="viewport" content="width=device-width, initial-scale=1" />. Примените "резиновый/жидкий" макет для стилей. Размечайте стили не статикой, например в пикселях или em, а в процентах, но только там, где это необходимо. Например: width:80%. Если всё-же требуется статическая величина, то употребляйте em вместо px - конвертер. Инфо Гугл для разработчиков + официальный блог Гугл

0
min-width: 1200px; /*здесь ширину основной части*/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.