為iPhone設計網站
[英]Designing website for iphone
問題描述
我正在為iPhone編寫網站。 我們的設計師將尺寸為320 x 480的圖像傳遞給我，因此我也根據該尺寸對網絡進行編碼。 但是當我在我的iPhone上預覽時，網站看起來很小。 如何解決這個問題？
我的容器大小是320px。
謝謝。
3 個解決方案
解決方案1
2 2011-02-11 06:26:05
嘗試將以下meta元素添加到標題中：
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
然后將容器寬度設置為100％。 Safari最初支持此標記，但現在許多其他移動瀏覽器都支持它。
請記住，如果用戶將其設備旋轉到橫向，則寬度將為480px。 如果您打算讓用戶將設備保持在縱向模式，則可以將設備寬度設置更改為320。
解決方案2
0 2017-08-16 12:12:21
使用此代碼：
<div style="width: 100%; margin: 0 auto;">
<!--put other code here-->
</div>
解決方案3
0 已采納 2011-02-11 06:25:56
試試這個
<!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/上測試它...
在設計iPhone的網站/網絡應用程序時，如何防止點擊輸入將頁面向上推？
[英]When designing a website/webapp for iphone, how do you prevent tapping on an input from pushing your page up?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.