媒体查询适用于Chrome,但不适用于移动设备

坎皮尼

这是我的CSS的一部分:

@media (max-width: 800px) {

    body {
        background:black;
        background-image:none;
        font-size:30px;
    }

    #logo {
        width: 100%;
        height: 100%;

    }
    .mobile {
        display: inline;
        align-content: center;
        font-size:60px;
    }
    .longtext {
        display: none;
    }
}

在chrome上,当我调整窗口大小时,它会更改为我想要的设置,但是当要使用devtools进行响应检查或在移动设备上访问时,它根本不起作用。没有一个设置。

Heeeelp

dgknca

您应该在中添加此元标记<head></head>来自MDN的更多信息

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS媒体查询不适用于Android设备

来自分类Dev

媒体查询适用于手机,但不适用于平板电脑

来自分类Dev

媒体查询不适用于浏览器或移动设备

来自分类Dev

媒体查询不适用于ie和电话

来自分类Dev

媒体查询打印不适用于javascript命令

来自分类Dev

浮动:无不适用于媒体查询

来自分类Dev

媒体查询不适用于VueJS样式标签

来自分类Dev

媒体查询不适用于Safari

来自分类Dev

媒体查询打印不适用于javascript命令

来自分类Dev

浮动:无不适用于媒体查询

来自分类Dev

媒体查询不适用于较小的屏幕尺寸

来自分类Dev

CSS媒体查询不适用于Samsung Galaxy

来自分类Dev

媒体查询不适用于中等范围

来自分类Dev

表格显示块不适用于媒体查询

来自分类Dev

属性显示不适用于媒体查询

来自分类Dev

媒体查询不适用于某些类的Bootstrap,但适用于其他类

来自分类Dev

媒体查询不适用于手机,但响应性适用于桌面

来自分类Dev

CSS媒体查询不适用于Iphone(Chrome和Safari)/ Apple MBP Safari

来自分类Dev

我的媒体查询不适用于 google chrome 和 firefox

来自分类Dev

锚链接适用于桌面但不适用于移动设备

来自分类Dev

单击时的 jQuery 类适用于桌面,但不适用于移动设备

来自分类Dev

LocalStorage 不适用于移动设备?

来自分类Dev

Ajax 不适用于移动设备

来自分类Dev

具有绝对位置和内嵌位置的媒体查询,似乎不适用于Chrome

来自分类Dev

我的LESS数学运算不适用于我的媒体查询定义

来自分类Dev

显示后,媒体查询中的浮动内容不适用于输入:

来自分类Dev

媒体查询不适用于离子项目

来自分类Dev

媒体查询不适用于CSS网格布局

来自分类Dev

媒体查询不适用于iPhone Safari浏览器

Related 相关文章

热门标签

归档