1

在我的网站上，人们可以在板上发布图像并拖动它们。

目前我使用以下内容：

width:60%;

height 40%;

他们可以保存他们的工作。

该位置保存有边距，因此图像可以top:50px;和left:150px;

所以它在 div 左边框的右侧 50px 和从 div 顶部向下 50px 的位置。

如果他们加载他们的工作，它必须看起来完全一样。

因此，如果图像位于右下角，则加载文件时它必须位于右下角。

我的问题是，如果用户以不同的分辨率加载它，它会占用边距，如果下一个屏幕上的屏幕分辨率更大，则图像不会出现在右下角，因为有更多空间，因为 1200 的 50% 是不到 1900 年的 50%。

所以我必须在 px 中使用widthandheight但是如果我在 1200 px 上设置 600px 它会很好看，但是在 1900px 上设置 600px 就不会很好看。

有没有办法使用 px 但让它在每个页面上看起来都很好？

所以基本上我想使用 px 但它必须看起来相同（就像我使用 % 时一样）所以边距将相同并且页面看起来相同在大分辨率上没有大的开放空间。

例子

在示例中，我在 1366 年制作了一块板，并在 1024 年重新打开了它，图像从左侧占据边距，因此它不在原始板上。

但是板（黄色背景）是屏幕的相同百分比。

所以我想要一个屏幕百分比相同的板，但在每个分辨率上加载的图像都相同，所以 1025 屏幕的右下角必须是 1366 屏幕的右下角。

如果我只使用 px，则该网站在所有分辨率上看起来都不同，这就是我想要阻止的。

4

1 回答 1

-1

听起来你必须做的是 CSS 中的自适应主题或响应式设计。

@media screen and (max-width: 1024px){
  img.bg {
    left: 50%;
    margin-left: -512px; }
}

对于最大宽度为 1024px 的屏幕，设置 img 元素。您为要考虑的每个屏幕尺寸创建其中的一些，瞧，您应该能够对用户看到的内容进行完全细粒度的控制，而不管他们的屏幕尺寸是什么。

于 2013-03-22T09:01:07.217 回答