页眉和页脚不是以移动主题为中心而是在桌面上？
header and footer is not centered on mobile theme but is on desktop?
我刚刚创建了一个博客，在电脑上一切看起来都很完美，但是当我访问移动网站时：
- 页眉和页脚未居中
- 在我的移动网站“关于”页面上，照片超出了 post 宽度（即使在桌面上也没有）。
请帮忙，我无法解决问题！对于我的第一个问题（页眉和页脚不在移动设备上居中），我尝试将页边距设置为“0 auto”但它没有用，对于第二个问题（照片在移动设备上溢出）。我已经尝试过最大宽度的图像，但它没有用。
我知道一些代码（我在 HTML 和 CSS 上考过 class），但我没有使用移动网站的经验，所以我很感激任何帮助！
这里是 link 我的网站：http://apaperescape.tumblr.com/
另外，我不确定我需要提供什么代码，所以请告诉我！
你这里有多个问题。至少对我来说，您的页眉和页脚在移动调试模式下完美居中。也就是说，这里有几个问题：
- 如果要居中，您需要将内容宽度设置为小于 100%。或者您也可以使用 margin:auto 将其居中。
您的图片也需要设置为占页面的一定百分比。例如，您可以为图像写一个 div，将其设置为 width:80vw，然后将图像显示为：
background:url("imagehere");
background-size:contain;
或者，您可以将宽度和高度设置为 vh 或 vw 百分比，前提是所有图片的纵横比相同。
您也可以只将图像设置为 100%，让父级 div 进行缩放。以下是一些其他方法：
Contain an image within a div?
- 页面的 padding-left 过多，为 1em。内容 div 也有多余的填充，即 50px。这导致内容溢出。这很奇怪，但填充超出了 100% 规则，可以将其推到 120%，等等。切掉填充，缩小内容 divider，然后使用 margin:auto 将其居中。它将以这种方式更好地显示跨平台。
我刚刚创建了一个博客，在电脑上一切看起来都很完美，但是当我访问移动网站时：
- 页眉和页脚未居中
- 在我的移动网站“关于”页面上，照片超出了 post 宽度（即使在桌面上也没有）。
请帮忙，我无法解决问题！对于我的第一个问题（页眉和页脚不在移动设备上居中），我尝试将页边距设置为“0 auto”但它没有用，对于第二个问题（照片在移动设备上溢出）。我已经尝试过最大宽度的图像，但它没有用。
我知道一些代码（我在 HTML 和 CSS 上考过 class），但我没有使用移动网站的经验，所以我很感激任何帮助！
这里是 link 我的网站：http://apaperescape.tumblr.com/
另外，我不确定我需要提供什么代码，所以请告诉我！
你这里有多个问题。至少对我来说，您的页眉和页脚在移动调试模式下完美居中。也就是说，这里有几个问题：
- 如果要居中，您需要将内容宽度设置为小于 100%。或者您也可以使用 margin:auto 将其居中。
您的图片也需要设置为占页面的一定百分比。例如，您可以为图像写一个 div，将其设置为 width:80vw，然后将图像显示为：
background:url("imagehere"); background-size:contain;
或者，您可以将宽度和高度设置为 vh 或 vw 百分比，前提是所有图片的纵横比相同。
您也可以只将图像设置为 100%，让父级 div 进行缩放。以下是一些其他方法： Contain an image within a div?
- 页面的 padding-left 过多，为 1em。内容 div 也有多余的填充，即 50px。这导致内容溢出。这很奇怪，但填充超出了 100% 规则，可以将其推到 120%，等等。切掉填充，缩小内容 divider，然后使用 margin:auto 将其居中。它将以这种方式更好地显示跨平台。