html - 缩小时保持网站图片大小

标签 html css

我发现在放大/缩小网站(Ctrl+鼠标滚动)时调整图片大小/缩小图片非常烦人。我查看了使命召唤 (http://bit.ly/1FnXMNA) 和 Storm 英雄 (http://bit.ly/1BQ4Jdr) 的网站,他们似乎对此有某种解决方案,但我只是没有找到任何搜索结果。

我想做这个;

正常大小/缩放网站 Normal size/zoom website 缩小后enter image description here

图片/gif(/也许是视频..?)没有调整大小,我该怎么做?

最佳答案

在您的 CSS 文件中,您有背景图片的地方,将 no-repeat center center fixed 添加到末尾。

所以它看起来像这样:

html {
    background: url(images/someImage.jpg) no-repeat center center fixed;
}

关于html - 缩小时保持网站图片大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33057036/

相关文章:

jQuery 将数据追加到 li 的级别

css - 使用css围绕中心文本位置旋转svg文本

html - 使文本始终位于框的右上角

css - 从剪辑迁移到剪辑路径以使用百分比值

html - 使用 CSS3 的多个背景图像

html - 如何在 HTML 标签(div 标签内部和外部)之间交换?我可以在显示器 :flex;? 的情况下工作吗

java - 在 Java 中将字符串编码为 HTML

javascript - 如何让 Flask 为我的 .js 文件提供服务?

javascript - 仅在指定事件上使用 animate.css 的 angularjs?

html - :last-child in ng-repeat not working