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
标签中有classhome
。因此,在类定义中,无论类在何处,在媒体查询中与否,都是如此
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代码。我认为你应该把它放在手机媒体查询中。如果它解决了你的问题,记得接受回答和投票。那么媒体查询将首先进入,然后是你上面写的代码?