html5 - 如何使用媒体查询 xbox360/5的正确方式

  显示原文与译文双语对照的内容
0 0

我正在为iphone开发一个应用程序。 现在我有三张图片,我想用正确的方式展示。

  • 启动画面
  • 输入屏幕
  • 选择背景图像

所有这些都是图像( )

因为 iphone <iPhone5的高度为 960px,iphone的iPhone5高度为 1136像素,所以我必须缩放它们。 我有 2张图片,我的代码看起来像这样->


<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 !

时间: 原作者:

0 0

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

你忘了引号

...