December 2014
Intermediate to advanced
416 pages
5h 33m
Chinese
Content preview from Responsive Web Design 響應式網頁設計學習手冊
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
10. 導覽與標頭配置
|
315
較寬的配置有圖示緊鄰著每個導覽項目，那些只是背景圖像，在較
窄的寬度下，以
background-image: none
將它們移除。
但是，如果你有許多導覽項目，這會行不通。在小螢幕上，導覽最
後將佔滿整個手機螢幕，如圖 10-21 所示。
圖 10-21 如果你有太多導覽項目，它們最後將佔滿行動裝置的整個螢幕
在小螢幕上，你的導覽解法必須留空間給內容，你想要確保網站參
訪者不必捲動就能夠看到有趣的東西（即使使用手機）。
頁尾導覽
在網站的窄寬度版本中，最簡單的導覽處理方式之一就是將它移到
頁面底端，然後使用錨點連結（anchor link，將你帶到相同頁面的不
同點）來連結它。這經常被稱為
頁尾導覽
（
footer navigation
）或
頁
尾錨點導覽
（
footer anchor navigation
）。
316
|
響應式網頁設計學習手冊
Contents Magazine
網站使用這種導覽。在圖 10-22 中，你在頁面頂
端看到 "Explore" 連結，附帶著往下指的箭頭。點擊該連結會將你帶
到接近頁面底端的地方，在那裡，你可以看到搜尋方框和導覽連結。
圖 10-22 Contents Magazine 網站使用頁尾導覽
雖然這個網站只有 4 個導覽連結，這些連結與搜尋方框差不多佔了 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.