css - 标题图片对于移动屏幕来说太宽了

Question

我的标题图片没有响应时遇到问题。我尝试了以下方法但没有成功:

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

NSFW - The issue can be seen at http://zarahthegreat.tumblr.com/. The site contains images that may not be suitable for under 18 / 21 year olds and is not safe for work.

Answer 1

要解决这个问题，您需要一些 CSS 来告诉 header 图像它的最大宽度是可用空间的 100%。将以下代码添加到自定义 CSS 面板。

CSS

body > center > img {

   max-width: 100%;

}