HTML5, CSS3 - Getting Started on the Mobile Web: Responsive Web Design(width,margin)

Head First Mobile Web (Brain-Friendly Guides)
(O'Reilly Media)
Lyza Danger Gardner (著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox, Google Chrome(Webプラウザ)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc.(GUI) (Text Editor)

Head First Mobile Web (Brain-Friendly Guides)(Lyza Danger Gardner (著)、O'Reilly Media)のChapter 1(Getting Started on the Mobile Web: Responsive Web Design)、MOBILE CSS MAGNETS(No 659)を解いてみる。

その他参考書籍

• Head First HTML and CSS

MOBILE CSS MAGNETS(No 659)

CSS3(BBEdit, Emacs)

body, header, footer, nav {
    width: 320px;
}
.column {
    margin: 10px 0;
    border-bottom: 1px dashed #7b96bc;
}
nav ul li {
    width: 106.6667;
}
#visit, #points, #main {    
    width: 320;
}