响应头断点

时间:2019-02-20 04:14:19

标签: html css responsive-design responsive

我正在尝试更改网站标题的断点。

我在此网站上安装的主题的移动标题在1139px及以下断开。我想更改它,使其在标准1024px(即1023px)处中断

  

网站:https://www.vibrantrealestate.com.au/

通常我只是进入CSS并将@media查询更改为我想要的宽度,但是当我在主题目录中搜索时,此主题有很多@media查询,其最小宽度为1140px /最大宽度为1139px样式表,所以我不确定我应该更改哪一个。我曾经尝试过通过wordpress定制程序单独更改它们,但是由于它没有改变外观,因此我仍然对想法有些困惑。谢谢

1 个答案:

答案 0 :(得分:0)

我不会修改主题的原始样式规则,而是要覆盖它们。

尽管不建议这样做,但就像将新的@media规则放在主题CSS文件的最底部一样简单,因此从理论上讲,它们会覆盖较早的规则(如果正确配置了新规则)。

但是,最好的办法是创建一个子主题,并以原始主题为父主题。这样可以确保您所做的更改与原始代码完全分开;更干净/更安全/更有条理。

在任何一种情况下,您都必须动脑筋设置新规则,以便它们完全覆盖原始规则。您可能需要使用!important标志。

您可以设置覆盖范围稍宽的替代,以确保您的美学变化能够得到保持。例如最小宽度:1000像素/最大宽度:1200像素; (如果原始文件的最小宽度是1140像素/最大宽度是1139像素)。

进行响应式优化时,您不能避免工作。