在調整大小後圖像變得模糊並且在Chrome中使用$ Scale = true

Question

我遇到問題，主滑塊圖像和底部導航文本在調整大小後變得模糊不清。在加載時很好，但只要調整窗口大小，一切都變得模糊。這是針對Chrome，其他瀏覽器縫細

下面是一個例子http://gallery.furnituremix.com/

與$規模

這裏=假 http://gallery.furnituremix.com/index2.html

Answer 1

如果從較小的規模做大尺寸有時它可能看起來模糊。

請使原始尺寸變大。您可以將'100px'替換爲'200px'，'50px'替換爲'100px'。

<div u="slides" style="cursor: move;"> 
    <div u="prototype" class=p style="POSITION: absolute; WIDTH: 100px; HEIGHT: 50px; TOP: 0; LEFT: 0;"> 
     <div u="thumbnailtemplate" style="WIDTH: 100px; HEIGHT: 50px; border: none; position: absolute; TOP: 0; LEFT: 0; "></div> 
    </div> 
</div> 

此外，我注意到，主滑塊的原始尺寸非常小，請將其放大。

<div id="slider1_container" style="margin: 0, auto; position: relative; top: 0px; left: 0px; width: 600px; height: 350px; overflow: hidden; "> 
    ... 
    <!-- Slides Container --> 
    <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px; overflow: hidden;">