在CSS中使用@media屏幕是否专业

时间:2019-04-09 10:22:44

标签: css media-queries responsiveness

我正在尝试使我的网站具有响应性,并且最初计划在CSS中使用@media screen属性,以便针对移动设备对其进行优化。

我已经在使用引导程序,但是想为移动设备修改它的某些部分(我一直在使用@media screen进行引导)。但是,有人告诉我这不是专业知识,应该避免使用它。这是真的?

谢谢

2 个答案:

答案 0 :(得分:2)

很难理解为什么有人会告诉您使用@media screen是不专业的。媒体查询就是通过这种方式为屏幕工作的。

不,绝对没有理由认为对screenprintspeech使用媒体查询在任何方面都是不专业的。它是Web开发工具包中的必要工具,您应该随意将其用于响应型网站。

有关使用媒体查询的Mozilla文档,请参见此处:https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

更新

基于对问题的更新(您在其中添加了正在使用Bootstrap的信息),我倾向于同意下面@ aaron-mcguire的回答。

正如他所暗示的那样,无法准确分辨出您的朋友/同事/人告诉您的背景,使用@media screen是不专业的。但是,如果您使用的是Bootstrap,则最好自定义Bootstrap的内置网格系统,以最好地满足您的布局需求。

答案 1 :(得分:1)

这是一个非常广泛的问题,整个问题的答案将不是-使用媒体查询并非不专业,它们是响应式开发过程的基本组成部分。问题变得有些烦恼的是,当您提到正在使用引导程序时。

就像其他人提到的那样,Bootstrap也使用媒体查询:https://getbootstrap.com/docs/4.3/layout/overview/

由于我们没有上下文或设计,因此很难假设使用Bootstrap内置的媒体查询是否还可以,或者是否需要定义自己的内容。

也许您与之交谈的人曾说过,使用自定义媒体查询代替内置的引导程序并不专业。如果没有代码/设计,我们很难判断。我会说不专业的单词是错误的选择-如果您要在移动设备上优化网站,那么可能更多的是问题-它是创建自定义媒体查询来代替使用{{1 }}一。

但是请再加上一点点的答案,因为这个问题没有真实的背景。 Web开发是一个不断学习的过程,总有人会告诉您您正在做的事情不是正确的方式。