Добрый день, форумчане. такая ситуация. при загрузки страницы в секции head, скрипт определяет userAgent и в эту же секцию добавляет подключение файлов стилей, в зависимости от устройства. Мобильное устройство - css для мобильников и для стационарных устройств соотвественно.
Все это выглядит вот так:
<head>
<script>
if( /Android|webOS|iPhone|iPad|iPod|Windows Phone|Opera Mini/i.test(navigator.userAgent) ) {
$("head").append($('<link href="css/mobile.min.css" type="text/css" rel="stylesheet">'));
} else {
$("head").append($('<link href="css/style.min.css" type="text/css" rel="stylesheet">'));
console.log("desktopVersion")
}
</script>
//сюда будет вставлен <link> со стилями
</head>
<body>
...
</body>
проблема в том, что при загрузке всей страницы, видно все теги html,белый фон и только потом к ним подключается файл css.
Как сделать так, чтобы с начала загружались стили соответствующие а только потом остальной html
p.s
Слишком не адаптивный дизайн, что использовать @media
