Question

我正在开发iPhone应用程序。现在我有三张图片，我希望以正确的方式显示。

启动画面
进入屏幕
背景图片

所有这些都是Images（）

我必须缩放它们，因为iPhone＆lt; iPhone5的高度为960px，而iPhone5的iPhone5的高度为1136px。我有2张图片，我的代码看起来像这样 - ＆gt;

<div data-role="page" id="start">
   <a href="#start1" data-transition="fade">
      <div class="main_pic_splash"></div>
   </a>      
</div>

CSS：

/*iPhone < 5*/
    @media screen and (device-aspect-ratio: 2/3) {
       .main_pic_splash {
         background:url(../img/splash/splash960.png);
         background-size: 320px 480px;
         display: block;
       }
}

/*iPhone 5*/
    @media screen and (device-aspect-ratio: 40/71) {
       .main_pic_splash {
            background:url(../img/splash/splash1136.jpg);
            background-size: 320px 568px;
            display: block;
       }
}

我无法让它工作......我只是没有显示图像。希望你能帮助我，并告诉我，我的错误在哪里： - /。

KR！

Answer 1

background:url('../img/splash/splash1136.jpg');

你忘记了引号

如何使用Media Queries正确的方式为iPhone4 / 5

1 个答案: