Я пока до сути проблемы не добрался, но уже нашёл одну ошибку: при ширине окна <1000 выскакивает "main.js:1138 Uncaught TypeError: $.fn.fullpage.setAutoScrolling is not a function(…)". Это точно не имеет отношения к проблеме?
Ivanq: ну, мне показалось, что фраза "The variable statement declares a variable, optionally initializing it to a value." будет хорошим дополнением к вашему "нельзя"
Dark Hole: нет, неправильно: при наличии base указывающего на URL отличный от текущего, href="." будет указывать либо на него же (если он корневой), либо на его текущую директорию. А при чём тут CMS я не знаю. Вероятно, автору стоит пояснить, что у него там твориться со ссылками.
Александр Вульф: это-то я понял. Дело в том, что это не имеет отношения к полуофициальному термину "отзывчивый", поэтому никому даже в голову не пришло, что вас интересует поведение изображения/блока с изображением до загрузки соответствующих изображений.
Ну, если я все правильно понимаю, то до загрузки изображения браузер не имеет никакой информации о нём, в том числе о его размерах, поэтому не существует способа как-то попросить браузер угадывать ratio изображения.
Зато можно
1) скрыть процесс загрузки, например с помощью прелоадера,
2) исключить процесс загрузки, с помощью base64,
3) отдавать клиенту разметку, в которой будет указан ratio для каждого блока-обёртки, чтобы они изначально были нужных размеров.
Поэтому чтобы корректно сортировать учитывая все символы, вероятно, стоит использовать String.Compare, который как раз indicates their relative position in the sort order