热门标签

,

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

已知问题
其实这个问题存在很久了,我一直没有公认。话语描述起来比较复杂,我们还是直接看动图吧〜
wordpress手机端首页不固定,左右移动/晃动,CSS修复这一问题
电脑端F12手机时是这样,真正在手机上浏览时体验会更糟糕。
问题探究
在一番研究之下,我发现这个情况出现在Vieu主题的家居焦点图样式是经典的情况,而在企业和展示模式下是固定的,完全正常。
解决方法
但是分析了一下这个情况发生的原因是,这种布局时,页面的左右相互之间有空隙,所以才可以自由晃动。

那么解决方法也就来,只要把两边空隙给堵住不就好了。于是我就用了了margin限制了页面范围,代码如下:
/*修复左右晃动w.a-ro.cn*/
html {
margin: 0 5px;
}

margin: 0 5px;意思是左右外边距为5px; 而上下外边距为0px。这个方法也适用于其他主题。

将上述代码添加到主题设置的自定义样式CSS中即可。

好了这次教程就到这里,

如果以上还不能解决,可以在评论区留言。

我们下次见。

标签:

如有违规联系删除:未经允许不得转载:镇北府博客作者:管理员, 转载或复制请以 超链接形式 并注明出处 镇北府博客
原文地址:《wordpress手机端首页不固定,左右移动/晃动,CSS修复这一问题》 发布于2019-10-30

分享到:
赞(0) 打赏

评论 抢沙发

1 + 2 =


wordpress手机端首页不固定,左右移动/晃动,CSS修复这一问题

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

镇北府博客
镇北府致力于做全网最大的免费网络资源分享平台,为广大网民提供优质的资源! 用我一生,换你十年天真无邪!
隐藏
变装
EA PLAYER &

历史记录 [ 注意:部分数据仅限于当前浏览器 ]清空

      00:00/00:00
      切换注册

      登录

      忘记密码 ?

      您也可以使用第三方帐号快捷登录

      Q Q 登 录
      微 博 登 录
      切换登录

      注册