如何在移動應用中使用漂亮的照片

我正在開發使用手機差距的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

如何在移動應用中使用漂亮的照片

回答

相關問題