Question

我必须针对iPhone和iPad优化小型网站。感谢媒体查询，我使用了两个css文件，一个用于iPhone肖像和文件。横向模式，以及iPad肖像和iPad的第二个风景+所有其他。网站上有一个图片库，我希望图像使用最大可用区域，具体取决于它们显示的设备，以及方向模式。

我最终在同一页面上使用了4个nivo滑块，我使用css（display：none）隐藏了4个中的3个。图像由TimThumb调整大小。这绝对是一个糟糕的解决方案（例如，所有4个nivo滑块都在装载并在iPhone上运行，即使只有一个显示），我想知道是否有任何其他解决方案可以解决这个问题？

Answer 1

我对ipad app有类似的问题，我只是用它：

img.homepg {width：920px; } @media screen and（max-width：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宽度！

适用于iPhone / iPad图库的自动图像调整大小景观模式

1 个答案: