Масштабирование изображений в Safari для дизайна жидкости - PullRequest
Новая
       19

Масштабирование изображений в Safari для дизайна жидкости

0 голосов
/ 04 февраля 2010

Я пытаюсь создать плавный веб-сайт, чтобы вы могли видеть веб-сайт в полноэкранном режиме на мониторах разных размеров,

Для изображений я использую height:100% и Width:100%; в Firefox и Internet Explorer 8 все выглядит нормально, но в Safari и Google Chrome изображение искажается. Почему это происходит? 

<div id="main_wrapper">
    <img id="main_bg" src="images/main-bg.jpg" />

    <div id="main_content">

       ........
    </div>
</div>

#main_bg {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

1 Ответ

0 голосов
/ 04 февраля 2010

Если под «искаженным» вы подразумеваете пикселизацию, это означает, что браузер не очень хорош в масштабировании изображений. Хорошее масштабирование, как вы можете получить из Photoshop, довольно дорого, и некоторые браузеры реализуют гораздо более быстрое (но менее плавное) масштабирование, чтобы уменьшить время рендеринга.

...