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

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

本文共433个字,预计阅读时间需要2分钟。


320印象,用的vieu主题。

已知问题

其实这个问题存在很久了,我一直没有重视。话语描述起来比较复杂,我们还是直接看动图吧~

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

 

电脑端F12 手机时是这样,真正在手机上浏览时体验会更糟糕。

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

来自群友的奉劝

 

问题探究

在一番研究之下,我发现这个情况出现在Vieu主题的首页焦点图样式是经典的情况,而在企业展示模式下是固定的,完全正常。

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

 

解决方法

作为一个小白,改源码是不可能改的。但是分析了一下这个情况发生的原因是,这种布局时,页面的左右两端有空隙,所以才可以自由晃动。

那么解决方法也就来,只要把两边空隙给堵住不就好了。于是我就用了 margin 限制了页面范围,代码如下:

/*修复左右晃动www.320nle.com*/
html {
    margin: 0 5px;
}

 

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

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

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

 

好了这次教程就到这里,

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

我们下次见。

 

本文最后更新于2019年10月13日,已超过 4 个月没更新!

本文首发于320印象,欢迎转载,但是必须保留本文的署名320印象(包含链接)。如您有任何商业合作或者授权方面的协商,请给我留言:admin@mail.320nle.com作者:静海流沙, 转载或复制请以 超链接形式 并注明出处 320印象
原文地址:《wordpress 手机端首页不固定,左右移动/晃动,CSS 修复这一问题》 发布于2019-10-13

分享到:
赞(1) 打赏
您阅读这篇文章共花了: 0小时00分00秒

评论 抢沙发

5 + 2 =


请作者喝杯饮料吧~

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

登录

忘记密码 ?

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

Q Q 登 录
微 博 登 录