在纵向和横向模式下自动调整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宽度!     

要回复问题请先登录注册