Что не так с этими запросами CSS Media? - или со мной. Должно быть, виноват кто-то из нас двоих. ⇐ CSS

[Anonymous]

Итак, насколько я могу судить, мой код ~должен~ работать. но это не так. Инструменты разработчика Chrome показывают, что мой браузер распознает условие> 501 пикселей и применяет CSS, но не условие меньшего размера области просмотра. Я подумал, может быть, это странная штука с кешем браузера, но нет... это случается с упрощенной страницей, созданной для демонстрации проблемы, и в Safari тоже.
Итак, через 2 дня создание веб-сайтов, и, одержав на своем пути так много более сложных побед, я зашел в тупик в этой, казалось бы, простой и не простой вещи.
Может кто-нибудь избавить меня от моих страданий и скажите мне, почему это не освобождает элемент div, когда браузер становится тонким?
изображение, показывающее проблему при использовании Chrome

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

#aboutblock {
width:90%;
margin: 5% auto;
text-align:justify;
}

@media all and (min-width: 501px) {
#aboutblock img {
float:left;
width:400px;
margin:1%;
margin: 0% 3% 2% 0%;
}

}

@media all and (max-width: 500px) {
#aboutblock img {
float:none;
width:277px;
margin:1%;
margin: 0% 3% 2% 0%;

}

}








[img]https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvZnJvd2xfbmlnaHRfb3dsX2FuaW1hbC1pbWFnZS1reWJjeWVqaS5qcGc.jpg[/img]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sapien odio, sollicitudin a dolor at, sodales etc etc etc...

Suspendisse potenti. Donec molestie aliquam lacus at laoreet. Donec justo risus, euismod quis augue a, etc etc etc...

Sed efficitur rhoncus tristique. Sed vulputate, velit quis auctor convallis, erat lacus tincidunt sem, etc etc etc...

Что касается «как», «почему» и «что я сделал?»... Я создавал веб-сайт, переутомился и теперь даже не могу найти способ решить эту, казалось бы, небольшую задачу, которая, несомненно, является для меня сигналом наконец-то поспать. ... но кроме того, я сейчас слишком взволнован этим!
Я сделал небольшую, очищенную версию соответствующей части веб-сайта, который я создавал, чтобы убедиться, что проблема не было какого-то конфликта или чего-то подобного. Я не был.
Тестовый пример здесь. https://generous-tiger.static.domains/testpage
Честно говоря, я надеюсь, что упускаю здесь что-то очевидное, просто в надежде, что кто-нибудь сможет вычеркнуть меня из моего несчастье с этим!

Подробнее здесь: https://stackoverflow.com/questions/782 ... one-of-the