Div在固定宽度渲染太宽ipad

我想优化我的一个iPad的页面。你可以在这里看到我的测试页： http://demo.dennismadsen.com/ipad/Div在固定宽度渲染太宽ipad

它包含一个宽度为800px的黑盒子。当我在iPad上看到它并进行屏幕显示时，我可以看到，当800px宽度 - 大约837像素： http://demo.dennismadsen.com/ipad/screenshot.png

我想知道为什么会发生这种情况？

2011-02-17 dhrm

ipad不能做像放大，缩小等时髦的东西吗？确保您的显示器达到100％。 – 2011-02-17 17:07:26

无论您的网站的实际宽度及其元素如何，iOS设备都会尝试缩放您的内容以获得最佳观看效果。

停止，通过把这个在你的HTML头发生的事情：

<meta name="viewport" content="initial-scale=1.0;">

来源

2011-02-17 17:55:43 Kalessin

我通常使用这个'`这会使视图锁定为1.0，而不是用户可以放大。 – 2011-02-17 18:53:50

检查<meta> -tag的<title> - 标签上面对最大宽度和最小宽度定义

使用此代码：

<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet"> 

<link media="screen and (min-device-width: 481px)" href="not-small-device.css" type="text/css" rel="stylesheet">

来源

2011-09-05 22:53:39

Div在固定宽度渲染太宽ipad

回答

相关问题