Switch74

как вы проводите тест своего сайта? используете ли сервер? как выглядит содержимое страницы у которой что-то не так?

а вы не думали сделать простецкий скрипт скажем у вас есть на сервере список webp для разных разрешений image-480.webp 480w, image-768.webp 768w image-1024.webp 1024w <img src="loading.gif" srcset="image.webp"> дальше скрипт отправляет разрешение и srcset, сервер вам отдает data: данного файла нужного разрешения и вы его вставляете в src соответствующего img. один запрос - одна нужная картинка, не встроенная в верстку

можно хоть как, но как правило его делают с использованием nav, ul и li по сути названия тегов сути не меняют, т.к. вы можете заставить тот же ul вести себя как div, а li как span

я бы так не делал скрипт можно упростить https://jsfiddle.net/ty1g9mxv/ по css не вникал, слишком много кода, но подозреваю, что и там можно упростить

можно повозиться и сделать направление идеи http://jsfiddle.net/05qdhg84/

положить ваше меню под шапку, а не в неё, как это сделано у вас

можно банально картинкой если через верстку: колеса можно сделать обычными прямоугольниками со скругленными углами, а оси из нескольких элементов состыковать аналогичные клики делались совсем не давно https://codepen.io/AlexZaw/pen/ReBjPo

можно без js как-нить так https://jsfiddle.net/srfc907t/

мне кажется проще сделать массив значений, а уже в цикле вызывать функцию передавая в нее нужный массив значений http://jsfiddle.net/0Ld9xny5/

https://habr.com/post/270159/ там же ниже есть ссылки на всякие тесты

выкладывайте в jsfiddle.net

чтобы растягивало используйте min-height ну и от пропорций придется отказаться

не должны, ибо фиксироваться он должен по низу если мы прокручиваем вниз и по верху если в верх как здесь например http://anapa.rus.plus.ooo/

я делаю как в ВК: сайдбар прокручивается вместе с контентом как только доходим до его края мы его фиксируем в ВК данная реализация сделана только когда прокручиваешь вверх, я делаю так же и вниз

https://habr.com/post/62178/ https://medium.com/@vladimirmorulus/понимание-принципа-работы-пропорционального-блока-в-html-6198b8612183

для пропорций, можете использовать свой метод или задать жесткие размеры можно таким способом http://jsfiddle.net/68eov90r/1/

http://jsfiddle.net/68eov90r/

@media (min-width: 800px){} @media (min-width: 1000px){} @media (min-width: 1250px){}

у вас id="debug'" а вы ищите через getElementById("debug") вот он его и не находит

https://learn.javascript.ru/iframes

все работает http://jsfiddle.net/hrqgwjay/ возможно у вас есть еще какие-то стили или скрипты которые это меню показывают

http://jsfiddle.net/jrhLq5ub/

я не помню по поводу поддержки браузерами вашего способа, не подскажете с каких версий браузеров он работает корректно?

можно так http://jsfiddle.net/94n120eL/ а можно использовать https://developer.mozilla.org/ru/docs/Web/CSS/object-fit

с чего вы это взяли, где вы это прочитали? http://htmlbook.ru/css/display