首先，我不确定在stackoverflow上这是否是一个“合法”的问题，因为它不是真正的编程问题，而是更多的前端问题。
我将要创建一个网页，它的行为就像一个全屏幕Diashow。制作真正的DiasShow一点都不成问题，但它需要在所有的屏幕尺寸上运行，从一个高分辨率的iMac 27英寸，全高清电视屏幕，一直到iPad。
到目前为止，我所做的是用百分比来设计每个元素的样式。这种设计在我自己的22英寸屏幕和42英寸电视上看起来很不错，但当它在ipad或imac（甚至是不同尺寸的电视）上显示时，它并不适合屏幕。如果它显示在27英寸的imac上，只占屏幕的1/4，在ipad上，这些元素太大，无法显示。
我觉得我忽略了这里的一些东西。或者是完全不可能创建一个在所有监视器上工作的全屏网页设计？
非常感谢您的帮助/意见！：-）
提前多谢了。
波
编辑：我给你拍了几张截图：
首先是IMAC 27：
http://www.bo-mortensen.dk/slideshow/imac/firefox_1920x1080.png
http://www.bo-mortensen.dk/slideshow/imac/firefox_2560x1440.png
http://www.bo-mortensen.dk/slideshow/imac/safari_1920x1080.png
http://www.bo-mortensen.dk/slideshow/imac/safari_2560x1440.png
还有电视：
http://www.bo-mortensen.dk/slideshow/tv/firefox_1080i_tv.png
http://www.bo-mortensen.dk/slideshow/tv/firefox_720p_tv.png
http://www.bo-mortensen.dk/slideshow/tv/safari_1080i_tv.png
http://www.bo-mortensen.dk/slideshow/tv/safari_720p_tv.png
以及解决方案的链接：
http://grenaabilhus.mercatus-democms.dk/
最佳答案
我将使用CSS3 Media Queries，在这里您可以为不同的屏幕大小设置不同的规则和设计，例如：
@手持媒体和（最小宽度：20em）{
一个或多个规则集…
}
@媒体全部和（最大宽度：50em）{
一个或多个规则集…
}
我会看看this site，这是一个很好的例子，说明了什么是可能的（试着扩展这个页面，看看会发生什么…）
祝你好运！
关于jquery - 适用于所有屏幕尺寸的HTML前端，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7813277/