4-1 Web Web Web Web This Is Not The Web. Web http://bradfrostweb.com/blog/post/this-is-the-web/ Web Web This Is the Web. Web http://bradfrostweb.com/blog/post/this-is-the-web/ 164 This Will Be the Web. Web http://bradfrostweb.com/blog/post/this-is-the-web/
1024 768px 960px Web Web Google 4 480px960px Portrait Landscape 165
Google Android Web Web JavaScript Web IP Web 1 Web 166
フィーチャーフォンA 用 フィーチャーフォンB 用 スマートフォンA 用 スマートフォンB 用 タブレットA 用 タブレットB 用 パソコン 用 PHPや.htaccess Webサーバー User Agent User Agent User Agent User Agent フィーチャーフォンA 用 スマートフォンA 用 タブレットA 用 パソコン 用 フィーチャーフォン スマートフォン タブレット Web PHP.htaccess User Agent Web パソコン Webサーバー Web @media screen and (max-width: 480px){ @media screen and (min-width: 481px) and (max-width: 959px){ @media screen and (min-width: 960px){ @media screen and (max-width: 480px){ @media screen and (min-width: 481px) and (max-width: 959px){ @media screen and (min-width: 960px){ 4 @media screen and (max-width: 480px){ @media screen and (min-width: 481px) and (max-width: 959px){ @media screen and (min-width: 960px){ スマートフォン タブレット Web Media Queries パソコン 167
JavaScript Web Web Web Web Web Web 168
4-2 Web Web 960px Web Web Web Web Header Header Web Main Content Main Content 4 Content 1 Content 1 Content 2 Footer Side Nav Footer パソコン スマートフォン 169
Web http://www.delta.com/ Web 170
Web Web UI Web Web 4Gamer.net http://www.4gamer.net/ 4 PlayStation Vita 171
Web Web Web Web Web Web Web Web Web Web Web Web Web Web 172