Question

我已经接管了一家公司的网站，当它交给我时，有很多工作要做到现在。网站中的一些东西，业主想要保留，有些他们允许我改变。我现在要弄清楚的一件事是如何使移动版本与桌面版本对齐。看来在纵向模式下，容器宽度太小;右边有空间，有些图像重叠。我尝试了其他线程中的建议似乎问了同样的问题，但没有任何工作，所以我想我会发布自己的问题，以防我更改错误的代码。

我补充说：

var code = %_StringCharCodeAt(string, k);

并且在css中寻找几乎任何“宽度”，但无济于事。我还缺少什么？

这是网站：

http://leisurelandrvcenter.com/

特别是“广告资源”页面：

http://leisurelandrvcenter.com/inventory/

- 免责声明 -

这似乎只发生在某些设备上，仅在纵向模式下。横向模式在选中的设备上正常工作（仅限android）。提前谢谢！

Answer 1

图像太大，不适合小屏幕。您可以向css添加媒体查询，将较小屏幕的图像宽度设置为100％。（无论如何使用css来设置img大小，而不是在html中使用img属性）

Answer 2

如果你想让它响应你必须摆脱css上的所有固定宽度，例如：

如果您想让广告资源页面响应，您必须编辑以下css：

#layout-content {
    width: 1285px;
}

到此：

#layout-content {
    max-width: 1285px;
    width: auto;
}

然后，为了调整图像大小（例如徽标），您必须设置以下css：

img { max-width:100%; width:auto; }

您应该使用徽标的css类或ID或您想要响应的任何图片，而不是使用img标记。

移动容器宽度不对桌面

2 个答案: