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

回答

相關問題