Контент подходит для экрана при минимизации?

Question

Я новичок в html и css, и мне нужна помощь.

Когда я сжимаю свой сайт, я хочу, чтобы содержимое было изменено так, чтобы оно выглядело как на телефоне, так и на ipad. У меня есть пример здесь. (http://www.osynlig.se/) Постарайтесь максимально свести к минимуму сайт, вы можете видеть, что контент изменяется в соответствии с размером браузера, и именно это я не знаю, как это сделать. Если вы можете отправить ссылку на веб-сайт, где объясняется, как это сделать или если вы могли бы написать комментарий, было бы весьма полезно:

Счастье, если я что-то ошибся, что я из Швеции: 3. спасибо!

Answer 1

То, что вы ищете, известно как отзывчивый веб-дизайн. Вы можете сделать это самостоятельно с помощью медиа-запросов в css, как это. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

@media (max-width: 600px) { 
    .facet_sidebar { 
    display: none; 
    } 
} 

Это установит индикацию ни для класса facet_sidebar, если ширина составляет менее 600 пикселей.

Или вы можете использовать библиотеку, которая уже заботится о нем для вас, Bootstrap является очень популярным вариантом http://getbootstrap.com/