как говорится в названии. Можно ли использовать только одно изображение, которое уже подходит для сетчатки, но когда не используется экран сетчатки, изображение автоматически изменяет размер / обрезается до изображения без сетчатки? У меня проблема с IE (и я использую ПК). Все мои картинки отлично смотрятся в других браузерах, таких как Chrome, Opera, Moz и так далее. Но когда я смотрю на ту же картинку в IE, у нее есть эти «уродливые края».
Я видел этот сообщение в блоге, но он использует две картинки/изображения. Я не хочу этого, если это возможно, конечно.
var retina = window.devicePixelRatio > 1;
if (retina) {
var html = '<img src="my-high-res-image.jpg">';
}
else {
var html = '<img src="my-low-res-image.jpg">';
}
Чтобы быть более конкретным: если мое изображение, скажем, 500x500, и в моем CSS я уменьшаю его до 100x100 пикселей из-за экранов сетчатки. Но если экран не ретина, и я использую изображение 500x500, которое я уменьшаю, у него будут эти «хрустящие края».
Чтобы показать вам, что я имею в виду, я сделал два снимка экрана с одним и тем же изображением, которое я использую, используя Chrome и IE (Edge). Исходный размер изображений ниже 500x500, но уменьшен до 100x100.
Chrome
IE
Итак, вернемся к моему вопросу, если я недостаточно ясно выразился: могу ли я использовать одно изображение, но указать, будет ли оно сетчаткой или нет, когда возникнет необходимость?