Я получаю действительно плохой сдвиг макета, когда загружается большое изображение, упомянутое ниже. Я использую элемент (x) рисунок HTML5 , а его фигнирование показывает сначала рядом с верхней частью окна, затем, когда изображение загружается, оно нажимает все под ним вниз по правильной масштабированной высоте изображения. Чтобы попытаться исправить эту санкцию, я следил за рецептом, используемым в видео на YouTube с использованием аспекта-ratio , но в любом случае аспект-Ratio слишком новый, если я правильно прочитал CSS-Ratio . Поэтому я попытался указать ширину и height с процентными значениями для отзывчивости. Я тоже попробую в Safari /iPad. - Я не знаю размер контейнера, поэтому я не могу использовать px.
Это, возможно, потому, что я использую True xhtml (5), а не html? /> < /ol>
Вот мой CSS, проверка: < /p>
#main-image,
#main-image img
{
width: 100%;
height: 68.55%;
margin: 0 auto;
}
с xhtml5, который служил в качестве приложения/xhtml+xml , снова проверенный, как xhtml5, и доставлен с помощью сжатия http gzip:
…
Подробнее здесь:
https://stackoverflow.com/questions/796 ... ght-in-css
Мобильная версия