Подскажите какой код прописать в шапке чтобы автоматом подстраивалось под мобильные без приближенИя)
<!DOCTYPE html PUBLIC \"-//WAPFORUM//DTD XHTML Mobile 1.0//EN\" \"http://www.wapforum.org/DTD/xhtml-mobile10.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"ru\">
<!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<html>
<head>
<meta name=\"viewport\" content=\"initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes\" />
<title></title>
<meta http-equiv=\"Content-type\" content=\"text/html; charset=utf-8\">
<link rel=\"stylesheet\" type=\"text/css\" href=\"/theme/style.css\">
</head>
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
А остальные посты - лалки
И главный Кидорас,да еще с большой буквы
<meta name=\"viewport\" content=”width=device-width,initial-scale=1″ />
+js
var viewportmeta = document.querySelector && document.querySelector(\'meta[name=\"viewport\"]\'),
ua = navigator.userAgent,
gestureStart = function () {
viewportmeta.content = \"width=device-width, minimum-scale=0.25, maximum-scale=1.6\";
},
scaleFix = function () {
if (viewportmeta && /iPhone|iPad/.test(ua) && !/Opera Mini/.test(ua)) {
viewportmeta.content = \"width=device-width, minimum-scale=1.0, maximum-scale=1.0\";
document.addEventListener(\"gesturestart\", gestureStart, false);
}
};
scaleFix();
з.ы js для испорченых яблок
зы подправил мет ибо не тот дал, а js поясню - для устранения ошибки при повороте из портретного в ландшафтный и обратно, появляется много свободного места помимо основного блока
Чак Норрис, лалка тут ты и Кидорас, js не нужно вообще лишняя нагрузка страници