Question

我遇到一个问题，即调整大小后主滑块图像和底部导航文本变得模糊。在加载时它很好，但只要你调整窗口大小，一切都会变得模糊。这是Chrome特有的，其他浏览器缝得很好

以下是http://gallery.furnituremix.com/

的示例

这里有$ scale = false 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;">

调整大小后图像变得模糊Chrome中的$ Scale = true

1 个答案: