Html и css файлы под разное разрешение

(Ответов: 7, Просмотров: 651)
  1. Гуру Аватар для Septik
    • Регистрация: 03.04.2010
    • Сообщений: 790
    • Репутация: 168
    • Webmoney BL: ?
    Привет всем, имеется 3 папки с версткой - две под разное разрешение пк и одна под мобильную верстку. Как организовать все это дело, чтобы файлы брались в зависимости от платформы и разрешения, и возможно ли?
    • 0
  2. Опытный Аватар для Vlad03
    • Регистрация: 21.05.2014
    • Сообщений: 404
    • Репутация: 33
    • Webmoney BL: ?
    Обычно html один, а css организуется через это. Про платформы лучше забудьте.
    • 0
  3. Banned
    • Регистрация: 15.12.2014
    • Сообщений: 268
    • Репутация: 6
    Я, например, некогда не слышал такого, чтобы у сайта автоматически менялось разрешение обычно, то на чём вы просматриваете сайт, само подстраивает сайт под устройство.
    • 0
  4. Гуру Аватар для Septik
    • Регистрация: 03.04.2010
    • Сообщений: 790
    • Репутация: 168
    • Webmoney BL: ?
    PlatonovS, я о том, что бывают же на сайтах обычная версия верстки и мобильная. А про разрешения уже понял
    • 0
  5. Quae res omnia Аватар для Coder
    • Регистрация: 29.01.2015
    • Сообщений: 821
    • Репутация: 299
    Например, _http://mobiledetect.net/

    Или, теоретически) - в условии php через css определять размер и редиректить 302 или подключать base _http://htmlbook.ru/html/base (тут структура таже должна быть и подумать еще надо бы).

    Имхо, конечно.
    • 0
  6. Дипломник Аватар для Viktor-div
    • Регистрация: 23.09.2014
    • Сообщений: 183
    • Репутация: 78
    Делать разную вёрстку под разные платформы и программно определять эти платформы - это старый приём. Сейчас столько новых платформ появляется, что за ними не угонишься. Выход - делать одну вёрстку - адаптивную. А устройства сами подгонят под себя дизайн.
    translit-online.ru - правильный транслит для Яндекса онлайн
    • 0
  7. Студент
    • Регистрация: 06.04.2012
    • Сообщений: 32
    • Репутация: 4
    Если не нравится, как устройства подгоняют под себя адаптивную вёрстку, то:
    Код HTML:
    <link rel="stylesheet" media="(min-width:1024px)" href="style.css"> <link rel="stylesheet" media="(max-width:1280px)" href="style.css">
    Решение довольно элегантное, но это CSS3 - старые браузеры его не хавают. С айфоновских сафари так же могут быть проблемы. Кстати, можно и дедовским методом, определять разрешение средствами JS, но и тут есть свои издержки.
    • 2

    Спасибо сказали:

    iqmaker(16.03.2015), Septik(13.03.2015),
  8. Студент Аватар для Pacific
    • Регистрация: 06.10.2014
    • Сообщений: 33
    • Репутация: 4
    Адаптивная единая верстка была бы правильным решением, и как сказали выше СSS 3.0 с помощью определения viewport выдает разные части СSS

    Но
    я недавно получил сообщение от Google webmaster - "ваш сайт не адаптирован для мобильных ..." при том что сайт в результатах поиска сам Google показывает его как (для мобильных) и именно с адаптивной версткой на bootst**** и использует 3 значения viewport и выглядит на мобильном и на планшете ок, тестил на _mobiletest.me. Буду разбираться иначе обещали трафик урезать.
    Последний раз редактировалось Pacific; 20.03.2015 в 15:39.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
Подстройка размера картинки под разрешение экрана
Web дизайн 0 07.08.2014 21:46
CMS позволяющую загружать файлы DOCX,PPT и конвертировать их в HTML
Софт, скрипты, лицензии 0 16.11.2013 14:12
1 терабайт места под файлы в облаке + баг с безлимитным местом под файлы!
Обучающие статьи 8 21.10.2013 18:01
WP Super Cache не хочет создавать html файлы
WordPress 2 12.01.2012 19:56

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры