переполнение, нажав кнопку максимизации

Question

Я хочу создать веб-сайт, подобный http://www.joshuasortino.com/. При нажатии этой кнопки максимизации боковая панель, разделы навигации автоматически переполняются. Как это возможно? Любой трюк CSS или JS нужно? Пожалуйста, дайте мне знать ваши комментарии. Спасибо

Answer 1

Это называется Отзывчивый веб-дизайн.

Он использует трюк @media запросы для определения ширины браузера пользователя и изменения стиля в ответ на ширину.

читайте здесь для получения дополнительной информации: Адаптивный дизайн с официального веб-сайта GoogleMaster Central

Другой пример вы можете увидеть здесь: Media Queries

Answer 2

Я комбинация JavaScript и CSS

Плагин jQuery для изменения размера теста

Условный CSS:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>
<link rel="stylesheet" href="/public/styles/home.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="/public/styles/home-devices.css" type="text/css" media="screen and (min-device-width: 641px)"/>
<link rel="stylesheet" href="/public/styles/home-iphone.css" type="text/css" media="screen and (max-device-width: 480px)"/>