CSS для мобильных устройств, но для ландшафтного режима?

Question

Я использую специальный CSS для мобильных устройств, но установил max-device-width равным 480 px (я не знаю, стандартный это размер или нет).однако, когда мой экран находится в альбомном режиме, ширина фактически превышает 480 пикселей, поэтому этот файл mobile.css не загружается.

<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="/media/css/mobile.css" type="text/css" />

Как правильно справиться с этой ситуацией ...?пожалуйста помоги!

---------------------------- Обновление -------------------------------------------

Итак, это работает нормально, но кажется, что мобильные устройства делают странные вещи, когдастраница загружена изначально.

Answer 1

Вот что я нашел работы. В настоящее время я разрабатываю сайт для устройств iOs / Android и использую 670px:

<meta name="viewport" content="width=670, initial-scale=0.45, minimum-scale=0.45"/>

Я также поместил все в div со следующим стилем

#mainDiv
{
        max-width:670px; 
        margin-right: auto; 
}

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