根據屏幕分辨率設置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

回答