一个企业网站项目制作总结

一个企业网站项目制作总结

使用技术：

Html+css+jquery+swiper+swiper.animated.css+animated.css

负责内容：

　　1、与甲方负责人确定wap端页面

　　2、Wap端静态页面制作与兼容性处理

　　3、Wap端页面交互效果添加

　　4、Pc端页面样式迭代与兼容性处理

　　5、微信访问被拦截处理

　　6、网站使用图片素材版权购买

解决问题：

1、手机兼容问题

(1) 一屏背景荣耀手机显示无法滑动

　　解决办法：body内用一个div包裹所有内容，通过js设置div高度为屏幕高度，设置为自适应滚动，然后设置div的伪类：：before相对div定位，设置宽高与div一致，层级为最低。

 

2、PC端兼容问题

(1) 页面中设置了滚动条，通过css设置了滚动条为隐藏，但火狐上未生效。

　　解决办法：火狐上包裹一个div设置宽高然后宽度小于内部div宽度，设置overflow为hidden;

　　可参考：https://www.jb51.net/css/717475.html

(2)Pc端电脑屏幕过小菜单栏内容无法显示完全。

　　解决办法：使用媒体查询@media。