在css中使用@media screen是不是很不专业
Is it unprofessional to use @media screen in css
我正在努力使我的网站响应迅速,最初计划在 CSS 中使用 @media screen
属性,以便针对移动设备对其进行优化。
我已经在使用 bootstrap,但想为移动设备修改部分内容(我一直在使用 @media screen
)。但是,我被告知这是不专业的,我应该避免使用它。这是真的?
谢谢
很难理解为什么有人会告诉您使用 @media screen
不专业。这就是媒体查询为屏幕工作的方式。
不,绝对没有理由认为对 screen
、print
或 speech
使用媒体查询在任何方面都是不专业的。它是您的 Web 开发工具包中必不可少的工具,您应该随意将其用于您的响应式网站。
Mozilla 使用媒体查询的文档请参见此处:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
更新
根据对您问题的更新(您在其中添加您正在使用 Bootstrap),我倾向于同意@aaron-mcguire 在下面的回答。
正如他提到的,不可能准确地辨别出您的 friend/colleague/person 告诉您使用 @media screen
是不专业的上下文。但是,如果您使用 Bootstrap,那么自定义 Bootstrap 的内置网格系统可能是有意义的,以便最好地满足您的布局需求。
这是一个非常广泛的问题,整个问题的答案是否定的 - 使用媒体查询并非不专业,它们是响应式开发过程的基本组成部分。当您提到您正在使用 bootstrap.
时,问题变得有点令人厌烦
正如其他人提到的那样 Bootstrap 也使用媒体查询:https://getbootstrap.com/docs/4.3/layout/overview/
由于我们没有上下文或设计可以关闭,因此很难假设您是否可以使用 Bootstrap 中内置的预先存在的媒体查询,或者您是否需要定义自己的媒体查询。
也许与您交谈的人说使用自定义媒体查询代替 bootstrap 内置媒体查询是不专业的。在没有看到 code/design 的情况下,我们又很难做出判断。我会说不专业是错误的用词选择——如果你想在移动设备上优化你的网站,那么它可能更像是一个问题——创建自定义媒体查询而不是使用 [=10 是最有效的方法吗? =]一个。
但是再次对我的回答持怀疑态度,因为这个问题没有真正的背景。 Web 开发是一个不断学习的过程,总会有人告诉您您正在做的事情 不正确。
我正在努力使我的网站响应迅速,最初计划在 CSS 中使用 @media screen
属性,以便针对移动设备对其进行优化。
我已经在使用 bootstrap,但想为移动设备修改部分内容(我一直在使用 @media screen
)。但是,我被告知这是不专业的,我应该避免使用它。这是真的?
谢谢
很难理解为什么有人会告诉您使用 @media screen
不专业。这就是媒体查询为屏幕工作的方式。
不,绝对没有理由认为对 screen
、print
或 speech
使用媒体查询在任何方面都是不专业的。它是您的 Web 开发工具包中必不可少的工具,您应该随意将其用于您的响应式网站。
Mozilla 使用媒体查询的文档请参见此处:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
更新
根据对您问题的更新(您在其中添加您正在使用 Bootstrap),我倾向于同意@aaron-mcguire 在下面的回答。
正如他提到的,不可能准确地辨别出您的 friend/colleague/person 告诉您使用 @media screen
是不专业的上下文。但是,如果您使用 Bootstrap,那么自定义 Bootstrap 的内置网格系统可能是有意义的,以便最好地满足您的布局需求。
这是一个非常广泛的问题,整个问题的答案是否定的 - 使用媒体查询并非不专业,它们是响应式开发过程的基本组成部分。当您提到您正在使用 bootstrap.
时,问题变得有点令人厌烦正如其他人提到的那样 Bootstrap 也使用媒体查询:https://getbootstrap.com/docs/4.3/layout/overview/
由于我们没有上下文或设计可以关闭,因此很难假设您是否可以使用 Bootstrap 中内置的预先存在的媒体查询,或者您是否需要定义自己的媒体查询。
也许与您交谈的人说使用自定义媒体查询代替 bootstrap 内置媒体查询是不专业的。在没有看到 code/design 的情况下,我们又很难做出判断。我会说不专业是错误的用词选择——如果你想在移动设备上优化你的网站,那么它可能更像是一个问题——创建自定义媒体查询而不是使用 [=10 是最有效的方法吗? =]一个。
但是再次对我的回答持怀疑态度,因为这个问题没有真正的背景。 Web 开发是一个不断学习的过程,总会有人告诉您您正在做的事情 不正确。