网页标题不是全角(移动视图)

时间:2018-02-12 10:27:34

标签: html css

有人可以检查我的网站并查看标题。

问题在于,当网站过渡到移动设备时,标题似乎没有全宽 - 左右两侧有一些边距。

我很想得到一些建议。

谢谢,

网站是:http://blackbird.marketing

2 个答案:

答案 0 :(得分:0)

当我检查您的网站时,我看到您的网站在@media屏幕上设置了最大宽度:90%和(最大宽度:760px),在@media屏幕上设置了最大宽度:96%(最大宽度:1200px );你应该重置它。

答案 1 :(得分:0)

你不应该问这个问题,作为开发者,你必须具备自己解决这个问题的技能或主动性。

这就是发生的事情:

@media screen and (max-width: 760px) 

body .pagewidth,
body.full_width .themify_builder_row .row_inner,
body.full_width .related-posts,
.full_width .post-nav,
.full_width .commentwrap {
  /* max-width: 90% */
  max-width: 100%; // <- change the 90% to 100%
}

右侧也有2px填充,要么将其包装到媒体查询中,要么直接更改#headerwrap

#headerwrap {
  /* padding-right: 2px; */
  padding-right: 0px; // <- change 2px to 0px
}