在纵向和横向模式下自动调整iPhone / iPad画廊的图像大小

如何解决在纵向和横向模式下自动调整iPhone / iPad画廊的图像大小

|| 我必须为iPhone和iPad优化一个小型网站。多亏了媒体查询，我正在使用两个CSS文件，一个用于iPhone纵向和横向模式，另一个用于iPad纵向和横向+其他。网站上有一个图片库，我希望图像使用最大的可用区域，具体取决于所显示的设备以及定向模式。 我最终在同一页面上使用了4个nivo滑块，在其中使用css（显示：无）隐藏了4个中的3个。图像由TimThumb调整大小。这绝对是一个糟糕的解决方案（例如，即使仅显示一个，所有4个nivo滑块都被加载并运行在iPhone上），我想知道是否有其他解决方案？     

解决方法

我对ipad应用有类似的问题，我只是使用了这个：   img.homepg {宽度：920px; } @media屏幕和（最大宽度：910px）{

img.homepg { 
    width:670px;  } } img { 
transition:all .2s linear; 
-o-transition:all .2s linear; 
-moz-transition:all .2s linear; 
-webkit-transition:all .2s linear; }

其中.homepg是img类，920是最大图像宽度，910是触发图像调整大小的最大屏幕宽度（又称为方向更改时），而670是最小img宽度！