Основываясь на ежедневном опыте разработки и актуальной онлайн-информации, используйте простой и понятный народный анализ.адаптивныйа такжеОтзывчивыйразница.Примечание:Анализируйте статью только с адаптивным ответом и понимайте производную формулу различия фона, не обсуждая методы ее использования.
1. Что такое адаптивный макет
Адаптивный макет — это макет с адаптацией к ширине.На устройствах разного размера веб-страница масштабируется по ширине в равных пропорциях, представляя одно и то же основное содержимое и макет.
Демонстрация адаптивного макета:
Поскольку ширина экрана масштабируется, содержимое веб-страницы также масштабируется пропорционально.Независимо от ширины экрана макет основной части веб-страницы всегда одинаков.
2. Что такое адаптивная верстка
Адаптивный макет означает, что в соответствии с изменениями размера экрана макет содержимого страницы будет автоматически корректироваться и изменяться, и будет представлен лучший пользовательский интерфейс.
Демонстрация адаптивного макета:
По мере масштабирования ширины экрана страница корректируется соответствующим образом, а макет и отображаемый контент изменяются.
1. Фон, на котором отображается адаптивная верстка
В первые дни эры ПК веб-дизайнеры проектировали страницы с фиксированной шириной.Вначале было не так много типов разрешений компьютерного монитора, потому что в то время было мало компьютеров. Позже, с увеличением разнообразия мониторов и популярности ноутбуков и планшетных компьютеров, у этой страницы с фиксированной шириной возникли проблемы. Итак, появился новый метод компоновки — адаптивная компоновка по ширине. Большинство адаптивных макетов, о которых мы обычно говорим, относятся к адаптивным макетам по ширине.
Позже Интернет-война ударила от ПК к мобильным телефонам, и был выпущен стандарт HTML5. Адаптивная верстка также распространилась с ПК на мобильные телефоны, а адаптивная верстка также стала популярной и стала необходимым требованием для веб-дизайна.
2. Фон, на котором отображается адаптивный макет
Хотя самоадаптация стала необходимым требованием для веб-дизайна, она по-прежнему обнажает проблему: если экран слишком мал, даже если содержимое веб-страницы можно адаптировать в соответствии с размером экрана, просмотр его на маленьком на экране будет казаться, что контент слишком переполнен, что снижает пользовательский опыт. На данный момент концепцией, разработанной для решения этой проблемы, является адаптивный макет. Он автоматически распознает ширину экрана и подстраивается под нее. Макет страницы и отображаемый контент будут изменены
наконец
Если вы считаете, что статья хорошая, подпишитесь на меня и поставьте лайк!
Если у вас есть какие-либо вопросы по поводу статьи или вы хотите пообщаться по техническим вопросам, вы можете подписаться на общедоступную учетную запись [GitWeb], чтобы исследовать и учиться вместе со мной!