Непрофессионально ли использовать @media screen в css?

Question

Я пытаюсь сделать свой сайт отзывчивым и изначально планировал использовать свойство @media screen в CSS, чтобы оптимизировать его для мобильных устройств.

Я уже использую загрузчик, но хочу изменить частииз этого (что я делал с помощью @media screen) для мобильных устройств.Однако мне сказали, что это непрофессионально, и что я должен избегать этого.Это правда?

Спасибо

Answer 1

Трудно понять, почему кто-то скажет вам, что использование @media screen непрофессионально. Вот как работают медиа-запросы для экранов.

Нет, нет абсолютно никаких оснований считать, что использование медиазапросов для screen, print или speech непрофессионально. Это необходимый инструмент в вашем наборе инструментов для веб-разработки, и вы можете свободно использовать его в соответствии с вашими адаптивными веб-сайтами.

См. Здесь документацию Mozilla по использованию медиазапросов: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

UPDATE

Исходя из обновления вашего вопроса (где вы добавили, что используете Bootstrap), я склонен согласиться с ответом @ aaron-mcguire ниже.

Как он упомянул, невозможно точно определить контекст, в котором ваш друг / коллега / человек сказал вам, что было бы непрофессионально использовать @media screen. Но если вы используете Bootstrap, возможно, имеет смысл настроить встроенную сеточную систему Bootstrap, чтобы она наилучшим образом соответствовала вашим потребностям макета.

Answer 2

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

Как уже упоминалось, Bootstrap также использует медиазапросы: https://getbootstrap.com/docs/4.3/layout/overview/

Поскольку у нас нет контекста или дизайна, трудно предположить, будет ли у вас нормально работать с существующими медиазапросами, встроенными в Bootstrap, или вам нужно будет определить свой собственный.

Возможно, человек, с которым вы разговаривали, сказал, что было непрофессионально использовать пользовательские медиа-запросы вместо встроенных в них загрузчиков. Что опять трудно судить, не видя код / ​​дизайн. Я бы сказал, что непрофессионал - это неправильный выбор слов - если вы пытаетесь оптимизировать свой веб-сайт на мобильном устройстве, то, вероятно, это больше вопрос о том, является ли это наиболее эффективной задачей при создании пользовательских медиа-запросов вместо использования @include media-breakpoint-up(sm) { ... } один.

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