Make Website and WebApp Compatible with iPhone and Blackberry使網站和Web應用兼容iphone和黑莓
Most websites and web pages will be compatible and work fine on iPhone and Blackberry.大多數網站和網頁,將兼容和工作的罰款iphone和黑莓。 However, it’s still possible to make the web sites more supportive, ready and friendly to Apple iPhone by giving more information to iPhone about how the webpage should be displayed on the iPhone browser.不過,它仍有可能使網站更多的支持,準備和友好的蘋果iphone提供更多信息,以iphone如何在網頁上應顯示在iphone的瀏覽器。 Beside, for web sites that try to emulate the functionality of the built-in iPhone applications such as webapps that use Canvas, AJAX functionality and limit the size of the page to 320×480px (or 480×320px), it’s best to ensure iPhone and Blackberry compatibility to ensure that the page is rendered and formatted correctly and avoid problem such as web page or application not scaling properly when rotate and Safari browser zooming out.旁邊,為網站嘗試學習的功能,內置在iphone應用,如webapps使用帆布, Ajax的功能和限制的大小網頁320 × 480px (或480 × 320px ) ,最好的確保iphone和黑莓的兼容性,以確保該網頁是勞務費和正確的格式和避免的問題,如網頁或應用程序不結垢適當時,旋轉和Safari瀏覽器放大。
One of the best way with just one line change on website coding to make website and web app support iPhone and Blackberry is by telling the PDA phone of the viewport size of the overall page.其中一個最好的方式只有一個線變化對網站的編碼,使網站和Web應用程序的支持iphone和黑莓是告訴PDA手機的視大小的整體頁。 To do so, simply add the following line to the HTML HEAD section of the web page:這樣做,只需添加以下行到HTML的HEAD部分的網頁:
<meta name=”viewport” content=”width=320″ /> <meta name="viewport" content="width=320" />
viewport is visual formatting model for visual media in視是視覺格式化模型在視覺媒體 CSS 2.1的CSS 2.1 specification, where it is a window or other viewing area on the screen through which users consult a document (mean part of the screen that you’re actually seeing).規格,它是一個窗口,或其他的可視面積屏幕上通過用戶諮詢文件(指屏幕的一部分,您實際看到) 。 User agents may change the document’s layout when the viewport is resized.用戶代理可能會改變文件的佈局時,視大小。 Other parameters applicable for viewport include initial-scale, user-scalable, minimum-scale and, maximum-scale where you can try to make your website fit into iPhone and BlackBerry view area.其他參數適用於視,包括初步規模,用戶可伸縮,最小規模和最大規模的情況下,您可以嘗試,使您的網站融入iphone和黑莓的看法。 The example of usage:例子用法:
<meta name=”viewport” content=”initial-scale=1.0″ /> <meta name="viewport" content="initial-scale=1.0" />
<meta name=”viewport” content=”user-scalable=false” /> <meta name="viewport" content="user-scalable=false" />
You can mix the setting u want to use into a single META HTML code such as:您可以組合設置u要使用成一個單一的Meta HTML代碼,例如:
<meta name=”viewport” content=”width=320,user-scalable=false” /> <meta name="viewport" content="width=320,user-scalable=false" />
IMPORTANT : This is a machine translated page which is provided "as is" without warranty. 重要說明 :這是一個機器翻譯網頁是“按原樣”提供的擔保。 Machine translation may be difficult to understand.機器翻譯可能很難理解。 Please refer to請參閱 original English article原來的英語文章 whenever possible.只要有可能。
Share and contribute or get technical support and help at分享和貢獻,或取得技術的支持和幫助,在 My Digital Life Forums 我的數字生活論壇 . 。
Related Articles相關文章
- iSkin CERULEAN X1 Premium Earphones With Apple iPhone Adapter iskin雨蛙膚x1保費耳機與蘋果iphone適配器
- Apple Ranked Number Third as World’s Largest Smartphone Manufacturer蘋果電腦排名第三,作為世界上最大的手機製造商
- Purchase Future Shop’s Products Directly On BlackBerry Smartphones未來店購買的產品,直接對黑莓智能手機
- Loopt Now Available For BlackBerry with iPhone 3G Version Coming Soon loopt現已黑莓與iphone的3 G版即將推出
- First New Dual-Mode Cellular and Wi-Fi BlackBerry 8820第一個新的雙模式手機和Wi - Fi黑莓8820
- iPhone Firmware Software Update Version 1.0.2 iphone固件軟件更新版本1.0.2
- Napster Mobile Coming to US Napster公司的移動來美國
- New V-Moda Vibe Duo Headphone For iPhone新的V - ModaDisplay從今年再接再厲,兩人的耳機為iphone
- Latest Apple iPhone Competitive Data最新的蘋果iphone在競爭激勵的數據
- iPhone Developer Guide iphone開發指南
































