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

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

使用技术:

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宽度,设置overflowhidden;

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

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

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

  

posted @ 2020-04-24 16:44  健伟博客  阅读(343)  评论(0编辑  收藏  举报