Как я могу масштабировать изображение до 100% ширины страницы в Safari? - PullRequest
0 голосов
/ 30 июля 2009

Я бы хотел масштабировать большое изображение до ширины экрана пользователя. Я не хочу устанавливать ширину: 100%, потому что это искажает изображение. Могу ли я использовать CSS-преобразования для этого?

Спасибо
Mike

Ответы [ 3 ]

4 голосов
/ 30 июля 2009

Вы пробовали max-width: 100%?

0 голосов
/ 30 июля 2009

Rp.DesktopBackground Demo

Это javascript-решение для mootools, которое я написал, чтобы изображения выглядели привлекательно. Не уверен, что это то, что вы собираетесь.

0 голосов
/ 30 июля 2009

Теоретически, ответ - да. Тем не менее, CSS-преобразования все еще являются рабочим проектом W3C в настоящее время и широко не поддерживаются. Разработчики Webkit начали добавлять различные опции -webkit-transform в свои ночные сборки Safari, а Firefox 3.5 просто добавил некоторые свойства -moz-transform. Просто для удовольствия, я только что протестировал -moz-transform: scale(0.5) на логотипе Stack Overflow, и он работал в FF3.5, но используемый алгоритм масштабирования такой же, как если бы вы принудительно устанавливали содержимое на определенную ширину и высоту, используя свойства HTML или CSS.

Наилучшее масштабирование обычно достигается с помощью алгоритма кубической интерполяции, такого как те, которые есть в графических программах и библиотеках, поэтому люди обычно сохраняют изображения разных размеров, а не масштабируют их с помощью HTML / CSS. Если у вас есть серверный язык, такой как PHP, одним из вариантов будет выборка основного изображения с помощью HTTP-запроса, содержащего требуемые параметры размера, и использование библиотеки GD (или аналогичной) для масштабирования изображения на лету и верни это.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...