html - 根据屏幕分辨率设置背景图像的问题

标签 html css image resolution

我目前正在开发一个网站。我在尺寸为 1466x530 的 HTML 文件中使用 img。它在笔记本电脑 (1366x768) 上运行良好,但在台式机 (1024x768) 上有点放大。此外,在笔记本电脑分辨率下完美的页面在桌面上也被放大了。你能帮帮我吗?

.center-shadow {background:url(../images1/center-shadow.png) center top no-repeat; }

最佳答案

是的,它发生了,因为 1480x530 是 1024 分辨率的更大图像,因此它看起来放大了,同样适用于您以像素为单位调整大小的字体,它在不同的屏幕上往往看起来大小不同。

如果您想在所有屏幕上以相同的比例显示您的网站,您必须使用媒体查询或设置它在所有屏幕上看起来最好的方式。

谢谢 马诺杰索尼

关于html - 根据屏幕分辨率设置背景图像的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11489839/

相关文章:

css - 带有 css 的 iPad 滚动条(-webkit-overflow-scrolling : touch) missing when onorientationchange

c++ - 在 Vulkan 中加载非二次幂纹理

javascript - angular.js ng-repeat li 项目与 html 内容

html - 如何使用 CSS 设置添加到购物车 <button> 的样式?

css - float 跨度增加了IE中div的宽度

html - Bootstrap 图标是蓝色而不是白色,而且垂直位置不佳

CSS:将 div 放在 float:right 的右边

html - 列表中的 float 元素

css - 通过将鼠标悬停在文本链接上来触发图像转换

algorithm - 什么是图像哈希?