Есть ли способ для быстрого перевода готового 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 да, а вложенность не при чем.

[Олег]

Ankhena,
https://codepen.io/pxpjksks-the-flexboxer/pen/PoMKXdr раз уж набрал демку

а вложенность селелекторов упомянул, что не нужно дополнительных классов или править html верстку. Можно средствами css выкрутиться. добавив в штатный css директиву импорта

[Ankhena]

Олег, если предположить, что есть body не являющееся прямым потомком html и есть другие h1, а также, что мы не умеем или не можем дописывать классы, то, конечно, придется.
Но в контексте задачи автора заметно проще и быстрее сделать нормальный адаптив или переверстать с нуля, чем впутываться в такое ... Слово подставьте сами, у меня пригодных к публикации нет.

[Олег]

Ankhena, samlib100.ru - когда то давно написал для себя.
Тут правда схема. взял старую страницу. Куснул значимую часть. завернул в новый шаблон.

[Ankhena]

Олег, не стоит рекламировать такой код. Пожалуйста.

[Олег]

Ankhena, а я не рекламировал. Это был пример как перебить онлайн стили или добраться до любого места. В реальном проекте это только вынос мозга для того, кто попробует потом доработать

Answer 3

[Natalia Baženova]

Если дизайн на таблицах - точно никак. Впрочем, если зайти совсем далеко и попытаться яваскриптом заменять table, tr, td на div... а потом присобачить соответствующие стили... ненадежно, но почему бы не попробовать!

Answer 4

[alexalexes]

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