【发布时间】：2021-11-01 04:00:50
【问题描述】：
我对前端开发的看法有限。在确定背景尺寸时，我总是选择错误的尺寸。 我找不到任何说明如何正确选择图像/背景尺寸的文档。
例如： https://www.newlook.com/uk 我想在大排行榜中使用 .gif 图像作为背景。 id = 单横幅 在这种情况下我应该使用什么尺寸？以及如何确定？
【问题讨论】：
标签： html css image background background-image
【发布时间】：2021-11-01 04:00:50
【问题描述】：
我不明白所有内容，但也许您应该在宽度上使用 % 或其他参数来指定尺寸，而不是以像素为单位设置确切的尺寸？
否则，使用 bootstrap、fundation、material UI 等框架可以帮助我们做任何我们想做的事情
编辑：如果要查找要在您的网站中使用的图像的尺寸，我建议您使用 placeholder.com，它可以让您在任何地方放置您想要的虚假图像，您可以在 html 中设置它的尺寸，如下所示：
<img src="https://via.placeholder.com/100x100">
或
<img src="https://via.placeholder.com/521x425">
这对测试非常有用，你可以设置任何像素尺寸，你可能会找到你想要的尺寸
检查网站以查找扩展名 .jpg、.gif、.png 或颜色等任何命令
【讨论】：
-
我有一个 .gif 1200x700 的横幅。不幸的是，它不太适合。我不明白如何为设计师选择合适的 gif 大小。
-
你的意思是你不知道你的排行榜需要什么 gif 尺寸，或者你不知道在你的代码中给图像赋予什么尺寸？
-
我与一名设计师合作，之前是一名后端工程师。我对前端一无所知，这就是为什么我的问题不太清楚，对此感到抱歉。 @tintiGust，感谢您的提问。我不知道排行榜需要什么 gif 尺寸。另外，我的一般问题是如何确定横幅的合适尺寸。该横幅的代码中没有尺寸（宽度和高度）。它涵盖了移动和桌面的所有页面。我要求 1200x70 并试图适应该横幅。但它不适合。 ----->
-
当我查看谷歌开发者控制台时，它会显示我的屏幕分辨率。在这种情况下，我不知道我需要给设计师哪个尺寸。我知道如果我给出更宽的尺寸（1900x70），它会看起来很小，或者如果我给出低分辨率（1200x70），它会在 div 内看起来更大并且看起来分辨率低。这是我的 HTML 代码。位置：相对；背景尺寸：包含；背景位置：中心；
-
啊，如果我理解你想获得你的背景排行榜的大小，让你的设计师为这个维度制作一个 gif。这样你就有一个干净的 gif 出现在排行榜上？