Как изменить размер страницы в соответствии с окнами с помощью мета-видового экрана? Это мой код. Я не показываюсь на jsfiddle, потому что jsfiddle не одобряет использование метатега.Как изменить размер страницы в соответствии с окнами с помощью мета-видового экрана?
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<style>
[email protected] {
width: device-width;
initial-scale: 1;
zoom: 1;
min-zoom: 1;
max-zoom: 3;
user-zoom: fixed;
}
@viewport {
width: device-width;
initial-scale: 1;
zoom: 1;
min-zoom: 1;
max-zoom: 3;
user-zoom: fixed;
}
</style>
</head>
<body style="overflow:hidden; margin:0">
<div id="main">
<div id="content" style=" text-align: center; ">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
<img src="http://i.imgur.com/vgz0PDe.png">
</div>
<div id="footer">
</div>
</div>
</body>
Когда я проверить на 1280 х 800 разрешения рха это показать http://i.imgur.com/nzmWQO2.png
А потом я проверить на 800 х 600 пикселей рха это показать http://i.imgur.com/2CqqVil.png
Но на 800 х 600 пикселей рха я хочу показать http://i.imgur.com/hwaoql6.png
Как я могу сделать с метафоном?
Вы не можете использовать медиа-запросы? –