我目前正在开发一个网站。我在尺寸为 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/