Есть ли способ для быстрого перевода готового html сайта в мобильную версию?

Question

[antdantd]

Допустим есть древний html сайт, не имеющий мобильной верcии.
Есть ли способ быстро, дешево и сердито добавить ему мобильную версию?
(Например подключив какую нибудь javascript-библиотеку в html или иным образом)

Comments

[Ankhena]

Можно использовать meta viewport с фиксированной шириной.
Но только не факт, что кто-то что-то разглядит.

Всё, конечно, зависит от возраста и качества исходной верстки, но много шансов, что это не так дорого и не так долго.
А главное, потом не так стыдно.

[Сергей delphinpro]

html body * {
  display: block !important;
  max-width: 100% !important;
}

Answer 1

[VoidVolker]

Да, есть: пачка денег плюс задача на фрилансе.

Comments

[historydev]

Мб всё-таки палка Поттера завалялась, подключил в проект и всё само делается?)

Answer 2

[Олег]

разные css стили, но в медиа селекторах нет возможности разделить по типу (десктоп/смарт/планшет)
Можно по ширине экрана.
В общем получиться при ширине 600(или любое другое число на ваш выбор) и больше по старому, уже новые стили

Comments

[antdantd]

У меня скорее вопрос про эти самые "волшебные" css стили. Подключил вместо старых (десктопных) и вжух - мобильная версия готова. Пусть не супер она смотрится, но вполне.

[Олег]

antdantd, нет. Волшебной пилюли нет. И даже со стилями не все так просто.
Может сайт написан так, что оформление прописано в самом html на каждом элементе.
Перекрыть его конечно можно, но будут жуткие цепочки ксс селекторов.
Все индивидально. может ваш сайт проще распарсить и затянуть в cms

[shurshur]

antdantd, нет никаких волшебных стилей. Если там в принципе вёрстка предполагает ширину экрана от 1000 пикселей, то запихиванием левых стилей можно получить какую угодно кашу. Например, что-нибудь типа такого:

прымэр

[Ankhena]

Олег,

Может сайт написан так, что оформление прописано в самом html на каждом элементе.
Перекрыть его конечно можно, но будут жуткие цепочки ксс селекторов.

Очень интересный пассаж.
И какая же вложенность селекторов перекроет инлайн стили?

[Олег]

Ankhena, body > div > и т.д. с импотант на сколько помню (данный модификатор не дает себя перекрыть без него же)

[Ankhena]

Олег, !important да, а вложенность не при чем.

Answer 3

[AlexVWill]

Такого способа нет, но есть другой способ: сразу делать сайт на каком то CSS framework'е вроде BootStrap, который позволяет на лету проводить конвертацию контента под разные разрешения и размер экрана, что снимает большинство (но не все) рутинных задач по преобразованию сайта в мобильную версию.
С готовым сайтом, конечно, такой трюк не выйдет, придется либо самому потрахаться, либо нанять кого то для этой задачи.

Answer 4

[alexalexes]

Нет, только ручками править шаблоны.
Если сайт совсем древний, то вам еще воевать со статическим контентом, чтобы его как-то затащить в некое подобие шаблонов, чтобы сделать адаптивные блоки.