我的文章展示,联系QQ:813975915
当前位置:首页 > 随心笔记 > 正文

修改css文件之后网站出现意外的变形

12-05 随心笔记

在博客主题修改的时候,我遇到了一个这样的问题,在本地用ftp修改css文件之后,发现网站变形了,在博客首页,每篇文章的上面多了一块五无形的东西,就好像多了一个空的div占着位置,我不知道这样描述大家能不能懂,简单说就是网站变形了。


在建站初期,操作很生疏,我以为我写错了css代码,我又把我修改的部分改了回去,我本以为这样就可以恢复原样,打开博客一看,依旧变形,我非常奇怪,也非常恼火,可能是问题问题描述不清楚,百度没有得到答案,我郁闷之极。


修改了css代码网站变形,可以理解,改回去之后为什么还会变形,当时鼻子都气歪了,抽根烟冷静下来之后开始寻找原因所在。


1.顺藤摸瓜

我找到之前备份的css文件,重新上传,网站恢复了正常,说明我之前虽然把css改动的地方修改回去,但是css文件还是发生了变化。


2.模拟实验,找到元凶

我做了个实验,在正常的css文件中我以前修改的地方输入一个空格,之后删除这个空格,然后保存,打开我的博客,出现了神奇的一幕,网站变形了!这时候我更相信我之前的判断了,虽然什么都没有修改只是保存了一下,但是文件肯定发生了变化,这个变化就是导致网站变形的元凶。


3.思考原因

找到了元凶之后,开始找解决方案,我想到了环境问题,在本地电脑是windows环境,是不是因为这个原因导致css文件出现了意想不到的修改?


4.找到解决方案

我打开xshell5,连接服务器,直接找到css文件进行编辑,修改之后发现网站样式终于按预期方向变化了,解决了这个问题。


总结:

windows环境下导致了css文件的意外变化导致网站变形,解决方案,我们只需要在原环境(服务器本身环境)进行操作即可。


ps:这个问题当时困扰了两天的时间,真的是被气的鼻子都歪了,非常难过,不过最后经过自己独立思考解决了这个问题的时候还是很开心的,我不知道我的思路有没有问题,如果我的思路有问题,希望各位大牛帮我指出,不胜感激


版权保护: 转载请保留链接: http://www.946web.com/News/2.html