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

我正在开发使用手机差距的Windows Phone应用程序。如何在移动应用中使用漂亮的照片

我想用漂亮的手机jquery进入项目。

漂亮的手机jQuery的网站：http://www.no-margin-for-errors.com/projects/prettymobile/

我只是复制并正确更改文件位置，但走出的说就是空它的显示只有白色。

在上面的URL中也没有工作它只显示一个漂亮的手机。任何人告诉我如何在Windows Phone 7应用程序中使用Pretty Mobile。

我的代码：

<!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告诉我如何使它工作...

其他明智告诉任何其他方式做相同的功能喜欢漂亮的照片

谢谢。

来源

2013-11-28 Guru

@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; } 

}

来源

2015-03-29 09:33:13

如果您可以请编辑您的答案并解释您显示的代码的作用，以及代码为什么/如何回答问题，这将使您的答案更有帮助。 –

星形选择器是完全不必要的。 – Nit

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

回答

相关问题