offsetWidth включает в себя border и padding. Попробуйте clientWidth. Еще у вас там у wrap в rem, попробуйте дать пиксельное значение.
Уменьшите количество демонстрируемых комментариев, остальные по клику к примеру, вероятней всего такой функционал присутствует в api.
Всё потому что для ТС это мечта. Если бы это было целью, то был топик более конкретизированный.
Лень проверять, но вероятней всего что проблема вашего кода в том что document.write пишет до построения DOM, поэтому условию на ширину и не правильно срабатывало, можно попробовать брать размеры самого вьюпорта.
Ну а как вы уменьшите ширину на 2 а высоту на 2.5 без искажения и обрезания картинки?)
Можете сохранить к примеру высоту а ширину уже автоматом вычислять будете, или наоборот от ширины идти, но что бы всё сразу да и без искажений, такое действительно не возможно и дело тут не в кодинге.
Судя по размерам, искажения в любом случае будут, края будут обрезать на более мелких размерах. Задавайте кратные размеры и всё будет просто реализуемо.
Можно все мелочи собрать в один модуль. Сразу приучивайте себя к структурности, даже в мелочах, это поможет когда будете писать что то большое да и расширить старое.
Да этого достаточно. Потом в вебмастере гугла можете смотреть сколько страниц взято, у скольких обнаружены ошибки и прочее.
http-equiv - добавляется к заголовку ответа сервера и это вроде из html4
Они одинаково действуют. charset это из html 5 для более короткой записи.
То есть ваши миниатюры не имеют размытости если открыть картинки в отдельной вкладки?
Может быть с размерами в верстки намудрили....