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开发指南
































