仿了一个简洁的站,代码都一样。为什么总有几个地方不一样呢?哪位朋友帮我看看

仿的目标站:https://xz.aliyun.com/
我自已的站:http://test.manjiuye.com/

小白问题挺多,我一个人说来:

问题一:

目标站中的 image.png 这个是剧中的。而我的站中是靠底:image.png
代码是直接下载的原站的。这个原因不知道是哪里的问题?


问题二:

目标站中的:image.png 右上角的搜索框。
总是比我仿的站中的搜索框要大一些。
代码一样。这是什么原因呢?image.png


问题三:

目标站中的这个导航:
image.png
比我仿下来的站中的要高一块。
image.png
代码都一样。这是什么原因呢?


问题四:

目标站可以在ie9以下的浏览器中正常显示。
而同样的代码。我的站在ie9下面就全错乱了
image.png


#### 问题五:

我仿下来的站中字体图标显示不出来?
image.png
用户登录前面的:
.glyphicon-user:before { content: "e008"; }

显示一个口字, 这是什么原因呢?

前端小白。实在找不出原因来。各位见笑了。

阅读 2.2k
3 个回答

题目一:
clipboard.png
解析:清除浮动
题目二:
clipboard.png
解析:区分不同盒模型,content-box,以及border-box
题目三:题目二中的行高~~
题目四:原本的好像在ie8也不兼容,so,一步步来。。先在高版本上排好在搞兼容?
clipboard.png
题目五:导入的字体库应该姿势不正确,所以找不到字符。没贴代码,无能为力~~~

问题一 问题三:

a标签需要display:block; pidding才能生效

问题二:

  文本框  box-sizing: content-box;
  

问题四: css兼容问题
问题五 iconfont应用需要加载字图标库 https://www.iconfont.cn/ 阿里的 有详细介绍

F12看看到底是哪里不一样

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题