根据屏幕分辨率设置bg图像的问题

我目前正在开发一个网站。我在尺寸为1466x530的HTML文件中使用了img。它适用于笔记本电脑（1366x768），但它是放大桌面（1024x768）。此外，笔记本电脑解决方案中完美的页面在桌面上放大。请问你能帮帮我吗。根据屏幕分辨率设置bg图像的问题

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

你确定浏览器设置为100％缩放？ – sachleen 2012-07-15 06:12:34

雅是100％... – 2012-07-15 06:13:43

在您的CSS中使用@media查询，并为桌面版本单独设计样式。 – techfoobar 2012-07-15 06:16:08

是它发生，因为1480x530是更大的图像为1024分辨率，因此它看起来缩小和同样适用于你以像素为单位，将倾向于寻找不同尺寸不同的屏幕大小有字体。

如果您想要在所有屏幕中以相同的比例显示您的网站，则必须使用媒体查询或设置，使其在所有屏幕中看起来效果最佳。

感谢马诺瑞里

2012-07-16 12:34:36

回答