Я сделал мобильную версию своего сайта. Однако при загрузке страницы сайт сначала отображается без применения CSS, и после второго (не более) он применяет CSS и корректно отображает его. Это поведение совместимо во всех браузерах (включая мобильные).
Есть ли у вас какие-либо идеи, как я могу заставить браузеры сначала загружать CSS (который действительно крошечный по размеру), а затем отображать контент? Я видел что-то в том, что касается CSS файлов вне head
, но насколько я знаю, это касается спецификаций, и я боюсь, что такой хак может помешать работе некоторых мобильных браузеров.
Спасибо!
Update
Здесь источник
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Albite BOOKS mobile</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8"/>
<meta name="description" content="Free e-books for Java Mobile phones."/>
<meta name="keywords" content="free ebooks, free books, book reader, albite reader, albite books, java mobile"/>
<meta name="language" content="en_GB"/>
<meta name="classification" content="public"/>
<link rel="shortcut icon" href="favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="/stylesheets/mobile.css?1289644607" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- .... -->
</body>
</html>