我可以使用什么 css 代码来使我网页上的内容不会随着浏览器 window 调整大小而改变其位置？

Question

所以我的网站出现了问题。如果你想让 link 真正看到问题，这里是：http://agarciapackages.neocities.org/ 调整 window 的大小，你会看到 window 旁边的文本重新排列 window 尺寸确实如此。如果您正在通过移动设备查看该网站，它看起来很糟糕，因为文本远远超过图像，我不希望这样。我宁愿用户向右滚动以查看全文，而不是向下滚动很远才能查看完整文本。这是我的 CSS 代码。

.homepageImages {
    margin-left:50px;
    border-right:1px solid black;
    border-left:1px solid black;
    padding:30px;
    float:left;
}

.caption{
    position:static;
    margin-top:130px;
    font-family:American Typewriter;
    margin-left:670px;
    margin-right:50px;
    color:black;
}

Answer 1

您只需在主要内容上方添加一个容器，并为桌面设备的容器指定一些宽度，您还可以使用媒体查询为移动设备指定该宽度。

[checkout here][https://jsfiddle.net/mukeshrana90/vfLbr0rb/3/]

我可以使用什么 css 代码来使我网页上的内容不会随着浏览器 window 调整大小而改变其位置？

What css code could I use so that the content on my webpage does not change its position the browser window resizes?

html

css

resize

web