【问题标题】:responsive center text in divi theme headerdivi主题标题中的响应式中心文本
【发布时间】:2018-01-14 13:26:25
【问题描述】:

我在我的一个网站上使用 Divi 2.0 主题。我在尝试将文本居中放置在一个框中并在移动版本上将文本居中对齐时遇到问题。我将附上我的标题桌面和移动版本的图片。 Divi css 代码中的问题可能出在哪里?

我的网址是http://mupcku.com

【问题讨论】:

  • 问题不在于center,而在于font-size 缺少空格。只需为移动浏览器调整font-size。一种可能的方法是使用media queries
  • 谢谢!这对我很有帮助!

标签: css wordpress responsive


【解决方案1】:

你的问题很简单。这是因为您已将行或部分的边距设置为 0px。不用担心:只需将其设置为默认值,您将获得您的解决方案。 或者查看我们的教程Tech Gigs

如果您仍然遇到问题,请在我们的网站上给我们留言。

【讨论】:

【解决方案2】:

如果您想保持字体大小和宽度并防止长字溢出框,您要查找的属性是word-wrap: break-word

【讨论】:

  • 是的,这也很有用!我也会使用它,我会正确安排我的字体大小,一切都会好起来的!非常感谢!
  • 别担心!很高兴我能提供服务。 (P.S. 如果它有助于解决您的问题,将最有帮助的答案标记为已接受被认为是一种良好的礼仪。? 这将提高您在网站上的声誉)
【解决方案3】:

当设备宽度达到 480px 左右时,以下 CSS 行会导致您的问题:

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 80%;
    ...

您可以在该权重处添加断点并执行以下操作:

@media only screen and (max-width : 480px) {
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
        width: auto;
        }
}

【讨论】:

    猜你喜欢
    • 2019-05-22
    • 2016-04-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-06-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多