答案 0 :(得分：1)
您应该考虑在您的网站上添加bootstrap。这是一种简单快捷的网站响应方式。您必须将相应的类添加到div标签中，但它非常自我解释，并且网站提供示例以便以您希望的方式获得网格系统。
我检查了您的代码并使用了固定的硬编码宽度（例如宽度：435px;）。您需要将宽度更改为％才能将其转换为响应式设计。
如果您决定不想使用bootstrap，可以选择以下选项。 https：// developers.google.com/web/fundamentals/getting-started/your-first-multi-screen-site/responsive?hl=en
基本上，为了获得响应式网站，您需要使用％的灵活网格，并利用媒体查询来定位特定的视口宽度。
媒体查询：https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
另外，请务必包含在头部：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
希望这有助于您，并为您提供良好的起点。