Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 是否可以只针对我的主页进行媒体查询?_Css_Wordpress_Media Queries_Custom Wordpress Pages - Fatal编程技术网

Css 是否可以只针对我的主页进行媒体查询?

Css 是否可以只针对我的主页进行媒体查询?,css,wordpress,media-queries,custom-wordpress-pages,Css,Wordpress,Media Queries,Custom Wordpress Pages,是否可以使用媒体查询,但将其限制为只影响我的主页 我在建立一个吴商业商店的过程中,所有的网站看起来很好,除了在移动设备上查看主页。我已经找了好几天的解决方案,但都没有成功 如果是的话,你能告诉我我从什么代码开始吗。 非常感谢您的帮助,我对此无能为力。 保拉肯定是。我认为在wordpress中,如果是主页的话,在body标签中有classhome。因此,在类定义中,无论类在何处,在媒体查询中与否,都是如此 body.home .any-css-selector { styles } 您可能有cs

是否可以使用媒体查询,但将其限制为只影响我的主页

我在建立一个吴商业商店的过程中,所有的网站看起来很好,除了在移动设备上查看主页。我已经找了好几天的解决方案,但都没有成功

如果是的话,你能告诉我我从什么代码开始吗。 非常感谢您的帮助,我对此无能为力。
保拉肯定是。我认为在wordpress中,如果是主页的话,在
body
标签中有class
home
。因此,在类定义中,无论类在何处,在媒体查询中与否,都是如此

body.home .any-css-selector { styles }
您可能有css文件:

bla {}
blabla {}
@mediaquery mobile {
    body.home .class { styles }
    body.home .another-class { more styles }
    bla {}
    blabla {}
}

您必须同时使用媒体查询和将CSS定位到主页上的方法

在媒体查询中,您需要一个body类,例如
home
,以确定您要针对的屏幕大小,即:

@media only screen and (max-width: 600px) {

    .home .my-selector {
        font-size: 14px;
    }

}
WordPres主题通常为页面ID或页面的slug添加一个
主体
类,即
主页
首页
。查看
标记内的页面源代码


最好学习如何使用(或)中的开发人员工具,或查看站点上加载的内容,以及如何实时处理和更改CSS和HTML,然后能够将这些更改添加到主题中的style.CSS中。

谢谢jack,那么我是否要在php文件或CSS中编辑这些内容?这就是CSS代码。我认为你应该把它放在手机媒体查询中。如果它解决了你的问题,记得接受回答和投票。那么媒体查询将首先进入,然后是你上面写的代码?