【问题标题】:fixed header working fine for desktop but not for mobile固定标题适用于台式机但不适用于移动设备
【发布时间】:2014-01-05 15:03:30
【问题描述】:

我在我的网站的标题 div 中使用了下面的 css

.header{
    z-index: 3001;
    position:fixed;
    top:0px;left:0px;
    background-color: white;
    width:100%;height:150px;
}

这适用于桌面。但在移动设备上,我只能看到标题宽度的 50%。在 50% 的右侧,什么都不是 cmg。因为只有白色背景是 cmg。在右侧,我有一个按钮,当我单击时它正在工作。 可以说,控件是不可见的,但如果您设法单击确切的位置,它们就会起作用。 有什么解决办法吗?

我想补充一点,这个问题只出现在 windows phone 中。所以需要解决这个问题。

【问题讨论】:

    标签: html css


    【解决方案1】:

    我一直在 ios 和宽度 100% 问题上遇到问题。 (我假设这是您有问题的手机)。 也就是说,在你的标题上尝试这样的东西

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    

    请参阅此处阅读。希望这可以帮助。 http://www.dummies.com/how-to/content/use-iosspecific-meta-tags-in-html5.html

    【讨论】:

    • 搞错了,抱歉
    猜你喜欢
    • 2017-06-02
    • 1970-01-01
    • 1970-01-01
    • 2021-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-04-03
    • 1970-01-01
    相关资源
    最近更新 更多