Проблема с отображением изображений SafariCSS

Разбираемся в CSS
Ответить
Anonymous
 Проблема с отображением изображений Safari

Сообщение Anonymous »

Я создал веб-сайт, изображения на котором правильно загружаются во всех известных браузерах, кроме Safari. В Safari некоторые изображения загружаются следующим образом:
Изображение

Но фактическое отображение изображения должно быть таким:
Изображение

Код изображения такой:

Код: Выделить всё

[img]https://subDomain.gumlet.io/fetch/https%3A%2F%2Fstorage.googleapis.com%2Frest_api_pictures%2F2022%2F06%2Fd10fd990-sale1024x617.jpg?width=413&height=249&pdr=1[/img]
    >

(URL-адрес изображения в приведенном выше фрагменте изменен по соображениям безопасности. Я сохранил URL-адрес только потому, что изображения автоматически обрезаются/изменяются в размере с помощью службы gamlet)
А стили такие:

Код: Выделить всё

figure {
margin: 0;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
unicode-bidi: isolate;
}

.wp-block-image img {
display: block;
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: bottom;
}

img[Attributes Style] {
width: 1024px;
aspect-ratio: auto 1024 / 617;
height: 617px;
}

img {
overflow-clip-margin: content-box;
overflow: clip;
}
Любая возможная помощь будет ценна, поскольку я не являюсь опытным пользователем Mac и не знаю, какие возможные хаки могут потребоваться для браузера Safari.
Видите ли вы какие-либо ошибки в моих стилях? Есть ли какой-нибудь хак, который мне следует применить?

Подробнее здесь: https://stackoverflow.com/questions/793 ... play-issue
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»