iPhone や iPad などで表示させないようにするための CSS

以下のような感じの CSS を CSS スタイルシートエディターに追加すると、

@media (max-width: 768px) {
	#text-124 {
		display: none;
	}
}

iPhone や iPad などである領域を表示させないようにすることができます。

sdfsdfsad
パソコン上

adsfafdad
iPad 上(ハムスターのブログパーツ部分が削除されています。)

CSS 中の「#text-124」というのは、任意の領域に対応している識別番号みたいなもので、「id(CSS では「#」)」だったり、「class(CSSでは「.」)」だったり、その組み合わせだったりするものです。

skitched-20130524-020706

もし、この CSS を追加しないと、flash で表示されるブログパーツ等の場合、以下のような感じで空欄ができてしまいます。

sadfafda

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中