css - 与移动设备相关的背景图案效果

Question

我昨晚想知道这个，找不到直接的答案，所以我会在这里问。在极端背景下，您不希望看到恒定但微妙的效果。对于移动设计，你如何适应这种情况，如果图案大于屏幕尺寸，背景会发生什么？我出于某些原因问这个，因为我不知道背景会发生什么。它不会显示、缩小或重复吗？您会为此在特殊背景下编写代码吗？

Answer 1

取决于你的CSS....

由于您可以在 CSS 中设置 no-repeat、center、cover 和各种其他选项。因此，如果你使用 width:100%, height:100% 那么它会缩小，或者你可以使用 cover 来做同样的事情。如果您想要重复的模式，那么您可以使用重复等。您甚至可以为手机和平板电脑指定不同的升背景，例如：

@media only screen and (min-width:480px) and (max-width:767px){
html, body {background-image:url("image.jpg");}
}

您会发现，使用 iPhone 和 iPad，它们会先放大再缩小，图像看起来很可怕，但是使用 css 封面元素可以解决这个问题。