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.
128
|
響應式網頁設計學習手冊
圖 5-12 Related Links 區段跑到文章下面，應該要在旁邊才對
現在，文章有 67% 的寬度，以及 5% 的左外邊距和 5% 的右外邊
距。Related Links 有 21% 的寬度，以及 5% 的左外邊距和 5% 的右
外邊距，加總起來有 108% — 這就是它們為什麼不能夠並排呈現的
原因。左右兩欄之間應該只有 2%，而非 10%。
要減少左右兩欄之間的空間，讓它們並排呈現，我會讓文章的右外
邊距為 0，讓 Related Links 的左外邊距為 0 ︰
article { width: 67%; oat: left; margin-right: 0; }
aside { width: 21%; oat: right; margin-left: 0; }
footer { clear: both; }
5. 媒體查詢
|
129
現在，全部加總起來為 98% — 還有額外的 2%。因為文章靠左，
Related Links 靠 右，2% 的空間就在它們之間 — 不需要指定。
現在，結果如圖 5-13 所示。
圖 5-13 現在，Related Links 區段位在正確的位置上
目前，配置看起來很好。如果我決定調整欄寬，或者它們的外邊距，
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.