html - 针对不同的屏幕尺寸拉伸(stretch)图像

标签 html css background size

我不太确定要搜索什么来寻找我的答案。基本上我做了一个设计,可以看到header here .

那里的文档宽度是1200,我可以弄到一个更大的版本,宽度可达2560,但是我应该如何使用图像呢?我应该使用 CSS 媒体查询并针对特定屏幕尺寸使用不同的图像吗?注意:这不是移动网站设计;我只需要在所有计算机屏幕上正常工作即可。

如果之前有人问过/回答过这个问题,我很抱歉,但正如我所说,我不是 100% 确定要搜索什么。

最佳答案

您可以用 % 定义高度和宽度,并使用一个图像。但我认为你应该为不同的尺寸使用不同的图像,因为它是移动的,如果你能避免让你的用户加载不必要的数据,那就去做吧。

关于html - 针对不同的屏幕尺寸拉伸(stretch)图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8941339/

相关文章:

html - 生成动态html

HTML/CSS 列表图像/元素符号上方/下方

jQuery/CSS3 动画阴影效果

c# - Xamarin 安卓后台服务

css - 浏览器正在下载页面上已加载的背景图片?

html - 使图像彼此隐藏

php - 在 php/html 文档中使用 Css

css - 带有字形图标的 Bootstrap 下拉菜单

javascript - 在智能手机浏览器上检测悬停或鼠标悬停

ios - Knock to unlock 如何在后台可靠地检测 sleep 电话上的敲门声?