Как я могу сделать адаптивный сайт с vuetify?

Question

Я хочу сделать адаптивный веб-сайт с vuetify: https://vuetifyjs.com/en/

, поэтому будет предоставлено несколько версий веб-сайта, которые будут использоваться в соответствии с устройством.

Адаптивный дизайн обеспечитнесколько дизайнов с различными размерами, а именно 320, 480, 760, 960, 1200 и 1600 пикселей.

, поэтому существует около 6 различных размеров. Означает ли это, что я сделаю 6 типов веб-сайтов?

Я читаю в документах vuetify https://vuetifyjs.com/en/styles/float#responsive., но кажется, что это только адаптивный веб-сайт. нет адаптивного веб-сайта

Я не совсем понимаю адаптивную реализацию веб-сайта с vuetify

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

Answer 1

Таким образом, вся идея адаптивного дизайна заключается в создании нескольких различных дизайнов. Если у вас шесть разных размеров, у вас будет шесть разных версий каждой страницы. Рекомендую использовать систему точек останова Vuetify (которую вы можете получить программно через this.$vuetify.breakpoint.name), чтобы определить, какой дизайн вы показываете. Подробнее здесь: https://vuetifyjs.com/en/customization/breakpoints