Сделайте мой сайт отзывчивым

У меня есть веб-сайт, на котором я хочу реагировать (надеюсь, что это правильный термин, чтобы он мог приспособиться ко всем экранам и не был изменен с помощью масштабирования или увеличения с помощью мыши). Код тела является следующее:Сделайте мой сайт отзывчивым

<body> 
    <div id = "zoom"> 
    ...... 
    <div>

Мой КСС:

#zoom{ 
    width: 100%; 
    height: 100%; 
}

Так что моя идея, как можно видеть выше было положить все в теле внутри DIV, а затем аранжировать div, как выше, что не сработало. Любые идеи о том, как это можно реализовать?

источник

2015-02-27 iol

Зачем это делается самостоятельно? Почему бы не использовать библиотеку, такую как Twitter Bootstrap http://getbootstrap.com/ или Zurb Foundation? http://foundation.zurb.com/ –

Если вы хотите иметь отзывчивый веб-сайт, вы должны использовать гибкие фреймворки css, такие как Bootstrap, Foundation, .. или использовать правило «css» в редакторе. – hamed

Согласен, если вы новичок в быстром веб-запуске с такими фреймворками, как Bootstrap. – dafilipaj

Я бы исследовал около media queries, если бы был вами. Или, как говорили другие люди, научитесь использовать Bootstrap.

источник

2015-02-27 10:04:07 Vasco

Если я сделаю это так, как вы упомянули, когда я использую mouseover, сайт обрушивается (это означает, что он не оставайтесь в формате 100%) – iol

Вы можете попробовать использовать '100vh'. Хотя это, как известно, багги на iDevices и, следовательно, на плохую практику. Это довольно аккуратно, кроме этих фактов. – Vasco

Сделайте мой сайт отзывчивым

ответ

Смежные вопросы