Я работаю над личным веб-сайтом с большим намерением практиковать хорошие навыки веб-разработки, чем что-либо еще. Я пытаюсь создать кросс-браузер (большинство современных браузеров также IE6), а также, надеюсь, веб-страницу кросс-устройства (стараюсь сохранить то же самое в мобильных устройствах). То, что я хочу построить, это плавающий дизайн с 3 колонками с верхним и нижним колонтитулами.
До сих пор я нашел несколько хороших практик .. пожалуйста, поправьте меня, если вы чувствуете иначе ..
Прежде всего, необходимо сделать структуру (HTML), представление (CSS) и поведение (JS) взаимоисключающими.
Для масштабируемости лучшим вариантом является% единиц по сравнению с единицами em
Избегайте ненужного использования div, чтобы начать новую строку лучше использовать теги
Лучше не использовать отступы для стиля, когда необходимо использовать отступ
Теперь моя проблема в том, что у меня есть изображение на моей веб-странице. До сих пор я использовал только единицы измерения%. Но если я использую единицу измерения% для ширины изображения, она не будет масштабируемой. Я могу использовать единицы измерения em для всей моей веб-страницы и оставить изображение также масштабируемым, установив его ширину в единицах em в моей CSS.
Но перед тем, как я это сделаю, я хотел бы знать, будет ли хорошей практикой разрешать масштабирование изображений, а также с какими проблемами мы столкнемся при таком дизайне.
Спасибо
Будем очень благодарны за любые предложения или информацию по этой идее.