Html 网站背景不会在其他移动设备上调整大小

以下是本网站：

现在，当我在ipad上查看网站时，会发生以下情况：

类似的事情也发生在iphone上。在桌面上，它一开始看起来不错，但当你调整浏览器的大小并将滚动条移到右边时，背景很好地被破坏了

---

我尝试了很多方法来解决这个问题，但我不确定是什么原因首先导致了这个问题

您的网站没有响应性布局

您可以使用css@media更改此设置

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

---

搜索有关响应式布局的更多信息。

我认为jQuery滑块存在一些样式问题。尝试将样式应用于图像和容器：{宽度：100%；左边距：自动；右边距：自动；}您在许多地方都有固定的宽度。你已经把它放进窗户了。例如，试试这个#内容#容器#内容#宽度{max width:100%}你的第一篇文章“向MORPHEUS问好”将适合每个屏幕。并始终使用宽度：100%用于所有图像，因此它们将根据屏幕大小调整大小。