Я хочу создать такой сайт, как http://www.joshuasortino.com/. Нажимая эту кнопку максимизации, боковая панель, разделы навигации автоматически переполняются. Как это возможно? Любой трюк css или любой js нужен? Пожалуйста, дайте мне знать ваши комментарии. Благодаряпереполнение, нажав кнопку максимизации
I'ts комбинации JavaScript и CSS
Условный 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)"/>
Это называется Адаптивный веб-дизайн.
Используется трюк запросов @media для определения ширины пользовательского браузера и изменения стиля в ответ на ширину.
читайте здесь для получения дополнительной информации: Responsive Design from Official Google Web Master Central
Для другого образца, вы можете увидеть его здесь: Media Queries
Я включил этот условный CSS в тестовом файле. Но это не работа. Любые js нужны? –