Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.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
Html 使用背景尺寸协调：从psd文件构建网站时覆盖？_Html_Css_Responsive Design_Scale - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 使用背景尺寸协调：从psd文件构建网站时覆盖？

Html 使用背景尺寸协调：从psd文件构建网站时覆盖？

html css responsive-design

Html 使用背景尺寸协调：从psd文件构建网站时覆盖？,html,css,responsive-design,scale,Html,Css,Responsive Design,Scale,当我使用背景尺寸：封面使图像放大以适应屏幕。这种缩放意味着背景图像与我试图复制的psd文件的尺寸不匹配。如何保持背景尺寸：封面提供，同时保持psd的精确测量值？非常感谢你的帮助 html: ？如果您的目的是使背景图像能够增长到源图像的最大“自然”大小，然后不进行任何放大，那么这可能必须通过媒体查询（测试不同大小的纵向、横向和方形窗口大小）、CSS或JavaScript的组合来实现 可以考虑使用最大宽度和/或最大高度属性，以及>Top: 0；底部：0；左：0；右：0；保证金：自动。这可能会产生可接

当我使用
背景尺寸：封面使图像放大以适应屏幕。这种缩放意味着背景图像与我试图复制的psd文件的尺寸不匹配。如何保持
背景尺寸：封面提供，同时保持psd的精确测量值？非常感谢你的帮助

html:


？
如果您的目的是使背景图像能够增长到源图像的最大“自然”大小，然后不进行任何放大，那么这可能必须通过媒体查询（测试不同大小的纵向、横向和方形窗口大小）、CSS或JavaScript的组合来实现


可以考虑使用<代码>最大宽度和/或<代码>最大高度属性，以及>Top: 0；底部：0；左：0；右：0；保证金：自动。这可能会产生可接受的结果，尽管JavaScript可能是您需要寻找最可靠结果的地方。
这只会使图像更大，远远大于
背景大小：cover
。谢谢你的帮助！我担心这一点。谢谢你的洞察力。

<body>
    <div class="bg-img"></div>
</body>



.bg-img {
    position: absolute;
    background: url(../images/site-bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}



background: url(../images/site-bg.jpg) no-repeat center center;