【问题标题】:Styles not display correctly in iOS phone gap app样式在 iOS 手机差距应用程序中无法正确显示
【发布时间】:2014-05-20 23:31:14
【问题描述】:

有下一个问题:在 iOS 6.1 上启动应用程序时手机差距应用程序样式发生变化 所有样式都应用于浏览器(Safari、Chrome、Phone gap app ios7.1)中的正确渲染,但在 6.1 和更少的一些元素发生变化。 我使用元:

 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

下一个问题是长列表滚动: 我附加了几个块状列表,在 iOS 7.1 上滚动期间,此列表开始抽搐并冻结一段时间,但在 iOS 6.1 及以下版本(尝试 5.1)此过程正常工作 所以在我的 iPhone(7.1) 中的长页面浏览器也有同样的问题。 可能是它的已知问题。 就像 B 计划一样,第一个问题可能在检查版本后重写 css,但对于第二个问题我能做什么? 哦,我也尝试transform: translate3d(0,0,0); 阻止此列表,但它也无济于事。

【问题讨论】:

    标签: html ios css iphone cordova


    【解决方案1】:

    这可能是因为您使用的是内联样式,而是使用样式表,因为许多内联样式已被弃用。在 css 中,大部分样式看起来都是一样的,但使用 : 而不是 = ,并且每个样式都不需要 ""。

    【讨论】:

    • 你能告诉我锁定内联样式的元数据(如果存在的话)吗?或刷新方法(阻止它)
    • 你希望我写css吗?我可以尝试,但是您使用的许多样式都不存在
    • 另外,使用 width=device-width 仅在手机等设备处于纵向模式时才有效,如果将其设置为横向模式,页面将以纵向模式的宽度呈现并且仅填充屏幕的一部分
    • no) 可能是我不完全理解你)我有自己的样式表,但是对于不同的操作系统它呈现不同的样式)
    • 除了将您使用的样式写入css doc之外,我看不到任何解决方案
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-09-13
    • 2019-06-21
    • 1970-01-01
    相关资源
    最近更新 更多