Question

好的，我这里只有一个基本页面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的基本主题。

Answer 1

使用％宽度或使用@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>

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

删除Wordpress核心响应

1 个答案: