Question

我正在使用手机间隙开发Windows Phone应用程序。

我想在项目中使用Pretty Mobile jquery。

Pretty Mobile Jquery网站：http://www.no-margin-for-errors.com/projects/prettymobile/

我只是复制并正确更改文件位置但输出空是它只显示白色。

在上面的URL中也没有工作它只显示一个漂亮的移动设备。任何一个告诉我如何在Windows Phone 7应用程序中使用漂亮的移动设备。

我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>prettyMobile</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="apple-mobile-web-app-status-bar-style" content="white" />

    <link rel="stylesheet" href="css/prettyMobile.css" type="text/css" media="screen" charset="utf-8" />
    <link rel="stylesheet" href="css/native-iphone.css" type="text/css" media="screen" charset="utf-8" />

    <script src="js/sizzle.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/prettyMobile.js" type="text/javascript" charset="utf-8"></script>
</head>  
<body onload="setTimeout(function() { window.scrollTo(0, 1); }, 100);" onorientationchange="updateOrientation();">
    <div id="pm_container">
        <div id="pm_header">
            <h1 class="pm_page-title">prettyMobile</h1>
            <p class="pm_back"><a href="#" rel="back"><strong>Back</strong></a></p>
        </div>
        <div class="pm_in-viewport">

        </div>
        <div class="pm_out-of-viewport"></div>
        <div id="pm_loader"></div>
    </div>
</body>

任何一个Plz告诉我如何使它工作......

其他明智的任何其他方式可以像漂亮的照片一样执行相同的功能

谢谢。

Answer 1

@media only screen and (max-width: 480px) { 
        *[class~=pp_pic_holder] { width: 100% !important; left: 0px !important; }  
        *[class~=pp_hoverContainer] { width: 90% !important; height: 180px !important;  }  
        *[class~=pp_fade] { width: 389px !important;  } 
        *[class~=pp_hoverContainer] { height: 190px !important;  }   
        *[class~=pp_right] { height: 220px !important;  }   
        *[class~=pp_content]  { height: 100% !important; width: 320px !important; }  
        #fullResImage { height: 100% !important; width: 320px !important; }  

}

如何在移动应用程序中使用漂亮的照片

1 个答案: