Проверить разрешение пользователей в css?

Question

можно ли вести себя согласно разрешению пользователя?

Answer 1

Не с CSS, нет.Но с JS, конечно.

if (window.screen.width <= 800 && window.screen.height <= 600) {
    //do something();
}

Answer 2

css3 медиа-запросы позволят вам применять таблицы стилей или правила @media в зависимости от размера клиента, среди других свойств.

Они не отступают в несоответствующих браузерах, поэтому они не готовы для общего использования, но если вы молоды, возможно, стоит узнать, как это делается.

http://www.w3.org/TR/css3-mediaqueries/

Чтобы применить таблицу стилей к документу при отображении на экране шириной более 800 пикселей:

<link rel="stylesheet" media="screen and (min-device-width: 800px)" >

Чтобы применить таблицу стилей к документу при отображении на любом устройстве шириной менее 400 пикселей:

<link rel="stylesheet" media="all and (max-device-width: 400px)" >

Этот медиазапрос выражает правила для экранных и карманных устройств, если ширина области просмотра больше 20em.

@media handheld and (min-width: 20em), screen and (min-width: 20em) { ... }

Значение em относится к размеру шрифта корневого элемента.

Answer 3

Вы не можете сделать это в стандартном CSS.Возможно, все будет хорошо только в браузерах IE.

Или вы можете использовать JavaScript.

Answer 4

Вы не можете проверить разрешение с помощью CSS. Но вы можете сделать текучий дизайн.

Взгляните на Маленькие коробки , чтобы узнать о некоторых замечательных закусках.

Grz, Kris.