爲iphone設計網站

我正在爲iphone編寫網站。我們的設計師將尺寸爲320 x 480的圖像傳遞給我，因此我也根據該尺寸對網頁進行編碼。但是，當我在我的iphone預覽，該網站看起來很小。如何解決這個問題？爲iphone設計網站

我的容器大小是320px。

謝謝。

2011-02-11 cyberfly

試試這個上的

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 
...and on your body 

<div style="width: 320px; margin: 0 auto;"> 
<!--some code here--> 
</div>

頂部然後你就可以在http://testiphone.com/測試...

來源

2011-02-11 06:25:56

您好感謝。有用！ – cyberfly 2011-02-11 06:39:12

嘗試添加以下meta元素到你的頭：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

然後將您的容器寬度設置爲100％。該標籤最初由Safari支持，但現在許多其他移動瀏覽器都支持該標籤。

請記住，如果用戶將他們的設備旋轉到橫向透視，寬度將爲480px。如果您打算爲用戶器件保持在人像模式中，您可以更改設備寬度設置到320

來源

2011-02-11 06:26:05 emfurry

使用此代碼：

<div style="width: 100%; margin: 0 auto;"> 
<!--put other code here--> 
</div>

來源

2017-08-16 12:12:21

爲iphone設計網站

回答

相關問題