Question

我正在设计一个没有元视口的网页。我希望在移动设备和桌面上显示我的网页。在主页（索引）和内部页面的比较中存在问题。主页页眉和页脚正确显示但内页页面标题显示良好但不如主页和页脚没有正确显示全宽.Plz帮帮我谢谢移动设备和标签只有问题 http://websum.in/prome/concepts.php

Answer 1

请粘贴html代码和css代码其他明智的不能完全帮助你。或者你的代码通过 codepen或jsfiddle 显示一些例子我看到你没有设置任何媒体查询你需要为移动格式设置一些媒体查询一些沿着那些线你应该看看bootstrap看到他们是如何完成的。

我在你的网站上查看过firebug看不到任何媒体查询

仅示例

@media (max-width: 648px) {
 .footercontainer {
   width: 90%;
  }
}

Answer 2

编辑：刚才意识到你没有说你使用Twitter引导程序。这个例子需要Twitter引导程序，或者你可以从那里获取Css类。

您可以做的是确保页脚中的文本块在移动设备上显示为居中并且位于彼此之下。像这样：

<div class="footer">
    <div class="row hidden-xs">
        Desktop footer 
    </div>

    <div class="row visible-xs">
        <div class="col-xs-12 text-center">
            Icons and stuff.
        </div>
        <div class="col-xs-12 text-center">
            Copyright.
        </div>
    </div>

</div>

页脚未在移动设备中显示全宽

2 个答案: