移动终端浏览器初始设置apple-mobile-web-app-capable.doc

移动终端浏览器默认设置视口的宽度和初始规模。最近做的一个移动终端的项目，遇到一个默认设置更改的问题。起初非常怀疑是自己的html写的有问题。经过一番页面尺寸的测试之后终于找到问题根源。知道是什么问题就可以找解决的方法了。<metaname="viewport"content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,height=device-height"/><metaname="format-detection"content="telephone=no">在页面的头部文件中加入了以上设定就ok了。以下是找到的有关于这些设定的解析。记录下来避免忘记。然而这些设定只在移动终端的浏览器中有效，非移动终端浏览器这些设定是无效的。并且要这些浏览器是基于iPhone而来的。初次涉及移动终端的应用，恼人的事情不只这一件呢，呵呵O(∩_∩)O~然，这件事情最有价值啊！apple-mobile-web-app-capableSetswhetherawebapplicationrunsinfull-screenmode.Syntax<metaname="apple-mobile-web-app-capable"content="yes">DiscussionIfcontentissettoyes,thewebapplicationrunsinfull-screenmode;otherwise,itdoesnot.ThedefaultbehavioristouseSafaritodisplaywebcontent.Youcandeterminewhetherawebpageisdisplayedinfull-screenmodeusingthewindow.navigator.standaloneread-onlyBooleanJavaScriptproperty.AvailabilityAvailableiniPhoneOS2.1andlater.SupportLevelAppleextension.apple-mobile-web-app-status-bar-styleSetsthestyleofthestatusbarforawebapplication.Syntax<metaname="apple-mobile-web-app-status-bar-style"content="black">DiscussionThismetataghasnoeffectunlessyoufirstspecifyfull-screenmodeasdescribedinHYPERLINK"http://control.blog.sina.com.cn/admin/article/InputTypes.html"\l"//apple_ref/doc/uid/TP40008055-SW5"“url.”Ifcontentissettodefault,thestatusbarappearsnormal.Ifsettoblack,thestatusbarhasablackbackground.Ifsettoblack-translucent,thestatusbarisblackandtranslucent.Ifsettodefaultorblack,thewebcontentisdisplayedbelowthestatusbar.Ifsettoblack-translucent,thewebcontentisdisplayedontheentirescreen,partiallyobscuredbythestatusbar.Thedefaultvalueisdefault.AvailabilityAvailableiniPhoneOS2.1andlater.SupportLevelAppleextension.format-detectionEnablesordisablesautomaticdetectionofpossiblephonenumbersinawebpageinSafarioniPhone.Syntax<metaname="format-detection"content="telephone=no">DiscussionBydefault,SafarioniPhonedetectsanystringformattedlikeaphonenumberandmakesitalinkthatcallsthenumber.Specifyingtelephone=nodisablesthisfeature.AvailabilityAvail