Отзывчивые советы по веб-дизайну, лучшие практики и методы динамического масштабирования изображений

Я надеюсь, что этот вопрос не окажется закрытым из-за того, что он слишком широк, но мне было интересно узнать об адаптивном / адаптивном веб-дизайне, то есть одном веб-сайте для всех браузеров и всех устройств.

Каков наилучший способ реализовать такой сайт, когда речь идет о структуре и макете?

Я пытаюсь прочитать об этом, так как мобильные веб-сайты сейчас важны и будут на некоторое время, но я не могу найти список советов и рекомендаций, и я подумал, что если такой ресурс был доступен здесь на SO тогда мы все могли бы извлечь выгоду.

Еще одна вещь, которая меня поразила - как происходит динамическое масштабирование изображения?

Из всего этого меня больше всего озадачивает, потому что я предполагаю, что макеты, скорее всего, сделаны с использованием процентов, а не значений пикселей, потому что пиксели будут варьироваться от одного устройства к другому, но изображения, вероятно, являются ключевым фактором для достижения одного веб-сайта для всего.

Я с нетерпением жду, чтобы прочитать мнения и ответы людей, даже если это просто ссылки на учебники в Интернете, которые я не нашел.

Ответы на вопрос(3)

Ваш ответ на вопрос