Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS3背景尺寸“；“缩放”；_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • CSS3背景尺寸“；“缩放”；

CSS3背景尺寸“；“缩放”；

css

CSS3背景尺寸“；“缩放”；,css,Css,我正试图实现一个完整的页面背景图像，如前所述 我使用的是第一种方法，CSS3技术。然而，当我像作者建议的那样使用背景尺寸：封面时，图像的“缩放”距离超出了需要，我不明白为什么 这是图像大小的问题还是我有其他问题 是指向该页面的链接。 我想看到整棵树，树干和所有的东西。我已经尝试将背景大小设置为“100%自动”，效果相同。我也尝试过背景大小来“包含”，现在图像太小了 请不要使用JavaScript解决方案。我知道这是可以实现的只是CSS 更新 Contain在桌面站点上看起来不错，但在电话/桌子上

我正试图实现一个完整的页面背景图像，如前所述

我使用的是第一种方法，CSS3技术。然而，当我像作者建议的那样使用
背景尺寸：封面
时，图像的“缩放”距离超出了需要，我不明白为什么

这是图像大小的问题还是我有其他问题

是指向该页面的链接。 我想看到整棵树，树干和所有的东西。我已经尝试将
背景大小设置为“100%自动”，效果相同。我也尝试过
背景大小
来“包含”，现在图像太小了

请不要使用JavaScript解决方案。我知道这是可以实现的只是CSS

更新

Contain在桌面站点上看起来不错，但在电话/桌子上看起来很糟糕。封面在电话/桌子上看起来不错，但在桌面上却不好。我想我会用每个设备上看起来最好的那个

更新


我想我可以全面使用contain，我只需要调整bg图像的大小，使其对于较小的设备更薄
 将
背景尺寸：封面
更改为
背景尺寸：包含

这样看起来很完美


我相信我们可以通过使用以下两种解决方案满足这一要求：

a。使用背景大小：100%100%；我能够使用此解决方案正确缩放图像。

B使用高度和宽度为100%的img标签检查我附加的屏幕截图，它在我的屏幕上看起来并不小。它取决于屏幕尺寸。您可以为小型设备使用不同的背景，并使用媒体进行检测queries@edd我认为原来的海报并不在意（他用的是背景尺寸）