javascript - 画面解像度とのリンク

Question

アニメーションを含む Web サイトを作成しており、解像度は 1024x768 です。ウェブサイトへのリンクは、休日の挨拶として電子メールで送信されます。画面解像度に関係なく、Web サイトが 1024x768 以外の解像度で読み込まれないようにする方法はありますか?

ありがとうございました！

Answer 1

コンテンツのみを非表示にする場合は、メディア クエリを使用します:
http://css-tricks.com/css-media-queries/

ただし、ダウンロードしたくないトラッキング ピクセルがある場合は、画面の解像度が要件に適合していれば、iframe を挿入します。

if ( ($(window).height() === 768) && ($(window).width() === 1024) ) {
  $('body').append('<iframe src="http://your.url.com"></iframe>');
}

Answer 2

divコンテンツを設定widthに埋め込み、height目的の値に設定するだけです。

しかし、より堅牢なソリューションは、メディア クエリを使用することです。http://www.w3.org/TR/css3-mediaqueries/