一個企業網站項目製作總結
使用技術:
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。