固定标头适用于桌面,但不适用于移动设备

时间:2014-01-05 15:03:31

标签: html css

我在下面用css作为我网站的标题div

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

这适用于桌面。但在移动设备上,我只能看到标头宽度的50%。在50%的右侧,没有什么是cmg。因为在白色背景是cmg。在右侧,我有一个按钮,当我点击工作。 要说,控件不可见,但如果你设法点击确切的位置,它们就会起作用。 对此有何解决方法?

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

1 个答案:

答案 0 :(得分:0)

我总是在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