В настоящее время этот код работает на моем сайте:
<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-код, который обрабатывает это?
Ура!
<link rel="stylesheet" media="(max-width: 800px)" href="mobile.css" />
Пожалуйста, не используйте JS для этого.
Если вы загрузите стиль 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" />