html – 适用于iphone的homescreen-webapp的高度

html – 适用于iphone的homescreen-webapp的高度,第1张

概述我有一个问题,适合webapp(主屏幕)的高度。 我使用以下元标记: <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 我的问题是,屏幕上方有黑色条纹。首先,我认为,这是一个iphone 5的bug,因为更高的屏幕。但是今天我看到一个w 我有一个问题,适合webapp(主屏幕)的高度。
我使用以下元标记:
<Meta name="vIEwport" content="wIDth=device-wIDth,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

我的问题是,屏幕上方有黑色条纹。首先,我认为,这是一个iphone 5的BUG,因为更高的屏幕。但是今天我看到一个webapp(apps.ft.com/),它完美适合iphone5屏幕。

任何想法,什么错了?

这里是我完整的相关元标记

<Meta name="apple-mobile-web-app-capable" content="yes"><Meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="apple-touch-icon-precomposed" href="img/icons/ios_icon_52.png"><link rel="apple-touch-icon" href="img/icons/ios_icon_52.png"><link rel="apple-touch-icon" sizes="72x72" href="img/icons/ios_icon_72.png"><link rel="apple-touch-icon" sizes="114x114" href="img/icons/ios_icon_114.png">

编辑:经过一个小时的搜索,我发现解决方案如何强制浏览器适应全高度。
当我定义一个启动图像(apple-touch-startup-image)时,我的iphone只适合高度。
这里我的代码:

<!-- iPhone 4 (Retina) --><link href="img/icons/apple-touch-startup-image-640x920.png"       media="(device-wIDth: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"       rel="apple-touch-startup-image"><!-- iPhone 5 --><link href="img/icons/apple-touch-startup-image-640x1096.png"       media="(device-wIDth: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"       rel="apple-touch-startup-image">
解决方法 我几个小时也一起摔跤,直到我终于发现这是我视口中的“宽度”定义导致了这个问题!删除宽度固定了我的问题。 总结

以上是内存溢出为你收集整理的html – 适用于iphone的homescreen-webapp的高度全部内容,希望文章能够帮你解决html – 适用于iphone的homescreen-webapp的高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:http://outofmemory.cn/web/1115380.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-29
下一篇2022-05-29

随机推荐

  • 克莱蒙森大学很水吗

    克莱蒙森大学教学优良,具体请咨询立思辰留学360美国留学顾问,热线电话:4008-941-360克莱蒙森大学(Clemson University)是一个公开的、男女同校、研究型大学,位于美国南卡罗来

    2022-07-07
    000
  • 宾州克莱瑞恩大学在世界排名怎么样

    宾州克莱瑞恩大学世界排名情况,具体请咨询立思辰留学360美国留学顾问,热线电话:4008-941-360宾州克莱瑞恩大学位于美国东海岸宾夕法尼亚州的克莱瑞恩,是隶属于宾州州立高等教育系统的一所公立大学

    2022-07-07
    000
  • 中央俄克拉荷马州立大学最新入学要求怎么样

    中央俄克拉荷马州立大学最新入学要求,具体请咨询立思辰留学360美国留学顾问,热线电话:4008-941-360中央俄克拉荷马州立大学是俄克拉荷马州第三大的大学,位于edmond 市,距离50万人口的第

    2022-07-07
    300
  • 2017年新加坡东亚管理学院酒店与旅游管理专业好就业吗

    立思辰留学360介绍,新加坡东亚管理学院的代表专业旅游和酒店管理专业就与新加坡80%-90%的四-五星级的酒店合作,有两方面的协议:一个是实习协议一个是人才输送协议。在新加坡的私立院校中有部

    2022-07-07
    300
  • 2017年美国萨凡纳州立大学录取率多少

    萨凡纳州立大学是美国乔治亚州萨凡纳郡的一所四年制州立大学。萨凡纳州立大学是美国乔治亚州历史最悠久的公立学校之一。萨凡纳州立大学的办学宗旨是使毕业生们具有高水准的知识水平、社会责任感以及能在他们所选择的

    2022-07-07
    200
  • 英国约克圣约翰大学入学条件

    英国约克圣约翰大学成立于1841年,位于景色秀丽的约克古城内,是一所历史悠久的英国传统高校。学校不仅拥有优美的教学环境、一流的教学设施,而且师资力量雄厚、教学经验丰富。约克圣约翰大学前身为利兹大学约克

    2022-07-07
    000
  • 英国布里斯托大学介绍

    布里斯托大学成立于1876年,1909年获得皇家许可证。布里斯托尔大学不愧为真正的国际大学。目前,海外留学生人数占学生总数的16%。他们来自全球100多个国家,为丰富大学现有的教育与社会经验,做出了极

    2022-07-07
    300
  • 斯旺西大学城市概况

    据立思辰石家庄留学360徐永先老师介绍,斯旺西大学(Swansea University)是英国一所老牌传统的公立大学,坐落于英国威尔士的斯望西市,始建于1920年,原名威尔士斯望西大学(Univer

    2022-07-07
    400
  • 2017安格利亚鲁斯金大学住宿条件

    安格利亚鲁斯金大学是位于英格兰东部一所大型现代化的综合性大学,校园主要在剑桥 (Cambridge) 和切尔姆斯福德 (Chelmsford)。安格利亚鲁斯金大学有学生25500多人,是英国学生最多的

    2022-07-07
    000

发表评论

登录后才能评论

评论列表(0条)

    保存