我一直在修改wordpress网站（经过大量修改的主题），并遇到了与css /响应相关的问题。
当正文具有异常大的宽度项目或宽度超出正文的动态项目（宽度方面的动态，如jQuery DataTable）时，网站页眉和页脚无法正确扩展以占据整个身体的宽度。
对于实例，请访问此链接（但是您需要使用用户代理修改器或使用chrome模拟器，例如，设置为iPad或iPhone）。
图片示例：
http://vicariauction.com/cars-coffee/
（注意页眉和页脚不会扩展到＆＃34;地图＆＃34;身体中的图像的宽度）
- 这是指向上一页屏幕截图的链接，显示确切问题：
i.imgur.com/BUjzLAK.jpg
jQuery dataTables示例：
http://vicariauction.com/future-auctions/?ahcode=NOLA%202015
（请注意页眉和页脚不会扩展到下面jquery数据表的宽度）
- 这是指向上一页屏幕截图的链接，显示确切问题：
i.imgur.com/4nx2M5v.jpg
如果使用除移动设备或平板电脑设备（或用户代理）之外的其他任何内容，则页眉和页脚宽度均可正确缩放。
我意识到答案可能不是一个简单的解释，但任何人都可能至少指出我应该寻求解决方案的大方向吗？
谢谢！
答案 0 :(得分：0)
为什么不使图像更窄，而不是使标题更宽？移动用户无论如何都不应该水平滚动。
要使图像适合屏幕宽度，请在图像上使用以下CSS样式：
max-width: 100%;
height: auto;
我意识到这只能回答你问题的一部分，但这绝对是我对图像所做的。
在一个不相关的说明中，我注意到在future-auctions/styleau.css第18行，你有以下一行：
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
前缀CSS规则应始终排在第一位，因此编写该行的正确方法是：
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}