0

好的，所以我在这里只有一个基本页面http://basic.louisvillemarketing.net/

<html>
<head>

</head>
<body>
<!-- menu -->
<div style="width:100%;height:25px;background-color:red;">
<div style="width:1000px;margin:0 auto;">
<div id="topmenu">
Headers Page     Links Page     Blockquote Page     UL and OL Page     Image Page
</div><!-- //.topmenu -->
</div><!-- //.row -->
</div><!-- //.container -->
<!-- //menu -->
<!-- footer credit -->
<div style="width:100%;height:25px;background-color:black;">
<div style="width:1000px;margin:0 auto;">
<span style="float:right;color:black;">foot credit here</span>
</div>
</div>
<!-- //footer credit -->
</body>
</html>

问题是，当您将屏幕缩小到 700 像素以下时，带有颜色的 100% div 不会扩展，因此内容会保持同步，而不是背景。

如果我将此页面移到 wordpress 之外，那很好，但在 wordpress 中，它会做响应式的事情。主题是没有@medias 的基本主题。

4

1 回答 1

0

使用 % in width 或使用 @medias 并为不同的屏幕尺寸定义宽度

<html>
<head>

</head>
<body>
<!-- menu -->
<div style="width:100%;height:25px;background-color:red;">
<div style="width:80%;margin:0 auto;">
<div id="topmenu">
Headers Page     Links Page     Blockquote Page     UL and OL Page     Image Page
</div><!-- //.topmenu -->
</div><!-- //.row -->
</div><!-- //.container -->
<!-- //menu -->
<!-- footer credit -->
<div style="width:100%;height:25px;background-color:black;">
<div style="width:80%;margin:0 auto;">
<span style="float:right;color:black;">foot credit here</span>
</div>
</div>
<!-- //footer credit -->
</body>
</html>

现在它应该可以工作了，我将宽度更改为百分比。

于 2013-02-01T14:23:11.507 回答