Не можете загрузить «мобильный» CSS?

0

В настоящее время этот код работает на моем сайте:

<script>
if (window.top!=window.self) { 
    loadCSSFile("http://www.website.com/css/iframe.css");
} else { 
    loadCSSFile("http://www.website.com/css/style.css");
}
</script>

Я хочу исправить это, так как хочу загрузить три файла, но только в случае необходимости? надеясь, что вы используете php или добавляете к вышеприведенному скрипту, в настоящее время это загружает нормальный Css и CSS для iframe (Facebook Apps), и теперь я хочу создать стиль css для мобильных устройств, но с одним файлом mobile.css мне нужно добавить файл к указанному выше или PHP-код, который обрабатывает это?

Ура!

2 ответа

0
<link rel="stylesheet" media="(max-width: 800px)" href="mobile.css" />

Пожалуйста, не используйте JS для этого.

0

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

<link media="handheld, only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="mobile.css" type="text/css" rel="stylesheet" />
Сообщество Overcoder
Наверх
Меню