媒体屏幕和最小宽度 600px 不起作用



我把这些链接放在标题中,但不能使用 estilos.mobile.cc :(为什么?????

link rel="stylesheet" type="text/css" media="screen and (min-width: 600px)">href="http://www.xxxxxx.es/static/css/estilos.mobile.css"/>

链接 href="http://www.xxxxxx.es/static/css/bootstrap.min.css" rel="stylesheet">media="screen">

link rel="stylesheet" type="text/css" href="http://www.xxxxxxx.es/static>

/

css/estilos.css"/>

我试图放置不同的选项,但不起作用!! :(

媒体=屏幕和(最小宽度:600px)

媒体="(最小宽度:600px)"

媒体=(最小宽度:600px)

media='屏幕和(最小宽度:600px)'

而且还不工作....请帮助我

我很抱歉,但我不知道那是什么类型的语法。 在您的情况下,您只需要做两件事:首先将其添加到您的 CSS 文件中

@media only screen and (min-width: 600px) {
    h2 { font-size: 2.2em; }
    /*or anything you want to do*/ 
}

第二:添加

<meta name="viewport" content="width=device-width, initial-scale=1.0">

到你的头上

干杯!

最新更新