android - 为什么我的网站的导航和顶部在平板电脑上被推到右侧？
<p><p> <a href="/image/nyBti.png" rel="noreferrer noopener nofollow"><img src="/image/nyBti.png" alt="enter image description here"/></a> </p>
<p> <a href="/image/tuKZo.png" rel="noreferrer noopener nofollow"><img src="/image/tuKZo.png" alt="enter image description here"/></a> </p>
<p>如您所见，顶部的背景和导航在平板电脑上被推向左侧。可能是什么问题？</p>
<p><strong>CSS:</strong></p>
<pre><code>#header {
background: #FFF;
height: 69px;
overflow: visible;
border-bottom: 1px solid #ccc;
padding-top: 29px;
-webkit-box-shadow: rgba(0,0,0,0.2) 0 0 8px;
-moz-box-shadow: rgba(0,0,0,0.2) 0 0 8px;
box-shadow: rgba(0,0,0,0.2) 0 0 8px;
z-index: 9999;
}
.section-gray {
background: #f7f7f7;
padding: 20px 0;
position: relative;
}
</code></pre>
<p><strong>元:</strong></p>
<pre><code><meta name="viewport" content="width=device-width">
</code></pre>
<p>直播网站:<a href="http://www.m2comm-semi.com/" rel="noreferrer noopener nofollow">http://www.m2comm-semi.com/</a> </p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>这与您的断点有关。第一个设置为<strong>767px</strong>:</p>
<pre><code>@media handheld, only screen and (max-width: 767px) {
.container {
width: 100%;
}
etc.
}
</code></pre>
<p>您需要添加更多断点以允许可能大于 767 像素的设备。</p></p>
<p style="font-size: 20px;">关于android - 为什么我的网站的导航和顶部在平板电脑上被推到右侧？，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/33428008/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/33428008/
</a>
</p>
页:
[1]