wordpress 页面布局乱了

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了wordpress 页面布局乱了相关的知识,希望对你有一定的参考价值。

网络环境:局域网(单位内网)
WordPress版本:4.5简体中文
php环境:USBwebserver
WordPress主题:默认主题
WordPress插件:无插件
本地编辑、浏览均正常
问题:1.局域网其他电脑浏览时,无论换成何种主题,首页和其他所有页面版面布局全部乱套,侧边栏跑到底下去了
2.文章中的照片全部不显示

主要是第一个问题,百度了好多方法都不管用,跪求各位大神赐予良方?
经过试验,发现是浏览器的问题,内网用的全是ie6,换别的浏览器就没有问题了,但是单位这么大,ie6是主流,我不可能一己之力全部换了。新问题又来了,有没有WordPress兼容ie6的方法?

参考技术A 我是使用AMPServ搭建的环境,我们需要对数据库进行修改。
如果你不是使用的AMPServ,而是其他程序,道理相同,一样要修改数据库。
我这里用AMPServ演示。
首先选择管理数据库,默认用户名为root 密码为空

选择DateBase数据库。

之后选择 test(这个test是我搭建的数据库的名字)。

选择ztestoptions 选项。

找到siteurl和home 选项,在后面可以看到 他们的ip地址和端口为127.0.0.1:91
我们要对他修改。

选择箭头所指处的图标,进行修改。

将这里修改为10.22.21.149:91(这个10.22.21.149是我本机的ip,其他人放问我的机器当然是用的是10.22.21.149这个ip,因此这里要修改。如果你的在外网上,那么这里修改为你的域名)

siteurl和home都要修改。

修改完成后,我们在来测试下。
用其他人机器访问我的网站,看到了吧 ,网页显示正常了。
参考技术B 缓存问题,请清除一下缓存试一下。
另外可以尝试下别的主题,看还是否出现这个问题,如果还有出现,看一下是否路径配置出现了错误。追问

请问怎么清除缓存?

参考技术C div的问题追问

请问怎么解决?都是默认设置怎么也会出现这样的情况呢?

微信端打开页面,布局乱了

微信打开。二微码布局乱了;原因:布局问题;


这个地方写了两个display;把display:inline-block 删除就可以了。

我写了两个display:inline-block;不过有一点小疑问,为什么我刚开始没hover前是display:none;这不是块级元素,因为之前是display:inline-block;已经布好局了。display:none隐藏时删除就可以了。

。你的a标签给了display:block,那就把width:100%;

 因为你是默认的,导致一些浏览器右边点不到,就是因为宽度。
这个图片也应该给block,而不是inline-block ;在这显示和隐藏时,要特别注意;
还要记得请手机内置的缓存,不然明明已经好了。因为缓存没有清,页面在手机端还是乱的,清楚手机缓存链接:http://debugx5.qq.com/ 

 

 

 

以上是关于wordpress 页面布局乱了的主要内容,如果未能解决你的问题,请参考以下文章

微信端打开页面,布局乱了

浏览器缩小页面,布局就乱了,怎么办?

先做了一个静态页面,布局兼容所有浏览器,将静态页面放入.net母版页中,布局就全乱了。

eclipse页面一点就乱了,如何恢复以前刚刚打开eclipse时的默认界面

html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来,页面布局就乱了,求帮助

根据 wordpress 页面模板 NuxtJs 更改布局