- 前言
現在很多網頁用的都是固定標題欄,就像這樣:
很多網站為了兼容小視窗還會做個JS適配:
但是如果視窗比這還小的話...
那就只剩下一部分了,
由于設定position:fixed后元素不會隨著滾動條滾動,所以超出頁面邊緣的部分將永遠看不見,除非增大視窗或縮小顯示比例,
很多設計師忘記考慮這一點了,
- 純CSS適配
最簡單的方法是,在原有的基礎上,整體嵌套一層,外層加上滾動條:
- 加入JS適配
大部分網站就是這么做的,但是有些網站沒有對寬度小于1024px做適配,
(大部分瀏覽器的最小視窗寬度為500px!)
視窗較小時進入折疊模式:
(圖中為本頁測驗功能,暫未實作)
- 下期:瀑布流頁面適配
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/556430.html
標籤:Html/Css
下一篇:返回列表