与屏幕分辨率的链接

Question

我正在制作一个包含动画的网站，分辨率为 1024x768。 该网站的链接将作为节日问候通过电子邮件发送。 有没有办法阻止网站以与 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/