智能手机的 CSS 固定标头

Question

我在使用 I-Phone 显示固定标题时遇到了一点问题。标题必须放在中间（就像现在一样）。问题是，我不能用 I-Phone 放大。

#header{
    position:fixed;
    z-index: 1;
    width: 100%; 
    top:0;
    width:100%; 
    height:100px;
    padding-top:20px;
    background:#fff;

}
#inheader{
    width:825px;
    margin:auto;
}
#headerlogo{
    float:left;
}
#navmenu{
    float:right;
}

这里是html：

   <div id="header">
            <div id="inheader">
            <div id="headerlogo">
                <a href="/home.php" title="home" rel="home"><img src="/images/logo.png" alt="Logo" width="295px"></a>
            </div>
        <div id="navmenu">
            <!-- horizontal nav-menu-->
            </div>
        </div>

有人遇到同样的问题吗？有什么帮助吗？

你好，yab86

Answer 1

您需要让您的网站了解设备和浏览器视口功能：尝试：

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

在您的 HTML 标头中。