Header 图片对于手机屏幕来说太宽了

Question

我有一个问题，我的 header 图片没有响应。我尝试了以下方法但没有成功：

<!--[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 图像它的最大宽度是可用 space 的 100%。将下面的代码添加到自定义 CSS 面板。

CSS

body > center > img {

   max-width: 100%;

}

Header 图片对于手机屏幕来说太宽了

Header Image Too Wide For Mobile Screens

css

mobile

tumblr