我正在尝试使我的网站具有响应性,并且最初计划在CSS中使用@media screen
属性,以便针对移动设备对其进行优化。
我已经在使用引导程序,但是想为移动设备修改它的某些部分(我一直在使用@media screen
进行引导)。但是,有人告诉我这不是专业知识,应该避免使用它。这是真的?
谢谢
答案 0 :(得分:2)
很难理解为什么有人会告诉您使用@media screen
是不专业的。媒体查询就是通过这种方式为屏幕工作的。
不,绝对没有理由认为对screen
,print
或speech
使用媒体查询在任何方面都是不专业的。它是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开发是一个不断学习的过程,总有人会告诉您您正在做的事情不是正确的方式。