Как сделать мою навигацию неповрежденной в разных размерах экрана?

Question

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

Мне известно о проблемах с кросс-браузером, но никогда не бывает таких вещей. Идти вперед, как лучше всего убедиться, что сайт выглядит одинаково независимо от размера экрана? Я буду очень благодарен за любые советы. Благодаря!

Answer 1

Как правило, не рекомендуется пытаться заставить «сайт выглядеть одинаково независимо от размера экрана». Во-первых, он не будет выглядеть так же, а во-вторых, это хорошая идея, чтобы предоставить разные стили для разных размеров экрана, особенно очень маленькие (мобильные).

Когда вы ищете «отзывчивый дизайн», вы найдете тонны и тонны информации об этом. Самое главное, однако, использовать относительные единицы, такие как % и em вместо абсолютных, например px. И когда вы хотите сосредоточиться на вещах, попробовали ли вы text-align: center;?