Similar documents
m_sotsuron


nabebon-v97.indd

CSS

第6回 CSS入門(つづき)



Taro13-第6章(まとめ).PDF



Homepage HTML+CSS Flash JavaScript Homepage Homepage Homepage Homepage Web HTML Hyper Text Markup Language XHTML XHTML HTML5 CSS Cascading Style Sheet

HTML5&CSS3 レッスンブック

SP100 取扱説明書

pdf


経営論集2011_07_小松先生.indd

scripty公開資料_マイナーブラウザ編

Microsoft PowerPoint - CSSガイドライン_ ppt [互換モード]

07_経営論集2010 小松先生.indd

115px 500px

CSSの基礎

textbook.indd

ホームページ制作スターターズ

_勉強会_丸山さつき_v3

2

中国語はじめの第1歩_付録_2011

CSSNiteLP51-s7-kubo.key

38

(1)


.....




REALV5_A4…p_Ł\1_4A_OCF

untitled

「都市から地方への人材誘致・移住促進に関する調査」

<91498EE88CA D815B2E786C73>

〔 大 会 役 員 〕

橡本体資料+参考条文.PDF

Lecture on

/ 0/0/ : 実 結 果 HTMLファイルを 表 します 下 図 の 画 が 表 されます " 出 し"の 部 分 をクリックすると"コンテンツですよ "の 字 が 表 されます もう 度 " 出 し"をクリックすると"コンテンツですよ "の 字 が 非 表 になります 折 りたたみパネルの 基

PowerPoint Presentation


2

HTML5 CSS

ウェブデザイン技能検定学科試験 2 級 1. 各設問において 正しいものは 1 を 間違っているものは 2 を 該当設問の解答欄に記せ 第 1 問 文字実体参照の は 改行しない半角スペースを表示する 第 2 問 HTML 5.2 では コメントの中に連続したハイフンを入れることができる 第 3 問

slide.key

インターネットマガジン2004年3月号―INTERNET magazine No.110

Microsoft Word - 11_thesis_08k1131_hamada.docx

【お試し版】Web制作者のためのCSS設計の教科書(非売品)

JavaScript の使い方

to-r

untitled

* この 確認問題解答 / 演習問題解答 は, 書籍 HTML 演習 HTML5 版 ( 発行 : 株式会社 SCC) の ダウンロード用 [ 別冊 ] として, 当該書籍の読者に限定して提供しています - 2 -

BLOCK TYPE.indd


Web

51664O08.indd

Transcription:

...... @media only screen and (max-width: 768px) {...... }

<IfModule mod_rewrite.c> RewriteEngine On RewriteCond %{HTTP_USER_AGENT} (iphone ipod ipad Android IEMobile) [NC] RewriteRule ^$ /sp/ [R,L] </IfModule>

@media only screen and (max-width: 768px) {...... }

@media only screen and (max-width: 768px) {...... }

<meta name="viewport" content="width=device-width, initial-scale=1" />

<meta name="format-detection" content="telephone=no, address=no, email=no" /> <link rel="apple-touch-icon" href="shared/img/icon114x114.png" />

<meta name="format-detection" content="telephone=no, address=no, email=no" /> <link rel="apple-touch-icon" href="shared/img/icon114x114.png" />

#header, #global-nav, #wrapper, #main, #side, #footer { width: auto; }

#main { float: none;... } #side { float: none;... }

img { max-width: 100%; height: auto; }

#global-nav ul li a { width: 33.3%; } #global-nav ul li:nth-child(4) a, #global-nav ul li:nth-child(5) a { width: 50%; }

#page-footer ul, body#category #lead, #main h1 + p { display: none; }

.smartphone-ui { } display: none; /* hide */ @media only screen and (max-width: 768px) {.desktop-ui { display: none; /* hide */ }.smartphone-ui { display: block; /* show */ } }

<input type="email" placeholder=" info@example.com" required... />