CSS:如何使面板稍微偏离页面

Question

我有一个问题，移动面板稍微像这样的页面:

输入图片描述

I triedwidth: 120%

确实有效，但当我调整图像的大小时，它会离开原来的位置，我希望它在不同的屏幕上看起来相似，面板在bootstrap 4容器内因为我使用了bootstrap 4

请帮忙，谢谢

Answer 1

这支笔也许能帮到你。如果你创建一个笔或分享你的代码，我会看看你我只是一个粗略的想法，但可能会帮助你。

如果你想让图像离开屏幕的右边，使用margin-right: -???px，但要确保包装器上有overflow: hidden。

Answer 2

在没有看到任何代码的情况下，我认为您需要根据视口设置左边框的宽度。这意味着对于不同的视口，你需要相应地调整边距。

根据设备尺寸查看。

/* For devices smaller than 400px: */
body {
left-margin: 100%;
}
/* For devices 400px and larger: */
@media only screen and (min-device-width: 400px) {
body {
left-margin: 50%;
}
} 

看看W3关于响应式网页设计的信息系列。https://www.w3schools.com/css/css_rwd_intro.asp