CSS媒体查询在Sony Xperia Z智能手机上不起作用

穆罕默德

我需要您的帮助,我的CSS媒体查询代码遇到问题。

我刚刚编写了以下CSS媒体代码

@media (max-width: 900px) {

    #content {
       width: 100%;
       margin: auto;
    }
    #recent_activities .act {
        width: 94%;
        padding: 3% 10px;
        background-color: #FFF;
        text-align: left;
        margin-bottom: 10px;
        margin-left: 0px;
        height: inherit;
    }
    #header_container
    {
        display: none;
    }

   #footer {
        width: 94%;
        margin: auto;
        padding: 3% 0px;
        text-align: center;
    }
}

我的问题是,当我调整浏览器窗口的大小时,代码在计算机屏幕上可以正常运行,但是不幸的是,它在我的智能手机(Xperia Z)上不起作用。

吉维

只需将以下元标记放在中<head>

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

希望能有所帮助。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS媒体查询在Sony Xperia Z智能手机上不起作用

来自分类Dev

自适应CSS在智能手机上不起作用

来自分类Dev

iPhone(智能手机)CSS RWD渲染不起作用

来自分类Dev

智能手机上的媒体查询网站视图

来自分类Dev

一些智能手机接听桌面媒体查询?

来自分类Dev

一些智能手机接听桌面媒体查询?

来自分类Dev

CSS媒体查询不起作用

来自分类Dev

React网站按钮和输入在智能手机上不起作用

来自分类Dev

引导A标签在平板电脑和智能手机上不起作用

来自分类Dev

签署Sony Xperia主题

来自分类Dev

CSS 媒体智能手机

来自分类Dev

Github仅在智能手机上页面CSS麻烦

来自分类Dev

我在智能手机上没有任何CSS

来自分类Dev

HTML和CSS布局在智能手机上无法正确显示

来自分类Dev

为什么PDF中的超链接在智能手机上不起作用?

来自分类Dev

为什么PDF中的超链接在智能手机上不起作用?

来自分类Dev

移动设备的CSS媒体查询不起作用

来自分类Dev

CSS @import导致媒体查询类不起作用

来自分类Dev

媒体查询在CSS文件中不起作用

来自分类Dev

CSS中的媒体查询不起作用

来自分类Dev

游戏在Sony Xperia上崩溃

来自分类Dev

CSS 媒体查询在我的浏览器上不起作用

来自分类Dev

如何在Android中创建单独的值文件夹Sony Xperia Z1

来自分类Dev

Android-Sony Xperia Z1-致命的暂停旋转,转储线程

来自分类Dev

Sony Xperia Z2a(D6563)的ADB驱动程序

来自分类Dev

引导媒体查询不起作用

来自分类Dev

媒体查询不起作用

来自分类Dev

媒体查询屏幕不起作用

来自分类Dev

媒体查询似乎不起作用