在平板电脑上工作的CSS,但在phonegap android构建后没有移动电话

时间:2014-02-13 05:21:06

标签: android jquery css cordova

我用PhoneGap版本打包的应用程序的CSS在平板电脑上正确显示,但在手机上却没有。图标,JS和大多数CSS工作得很好。但是,自定义标题颜色和面板CSS无法正确显示。 CSS似乎是指回jQuery Mobile CSS。我该如何解决这个问题?

此外,CSS的href是在href到jQuery之后。

编辑:

以下是我的标题信息:

<!DOCTYPE html> 
<html>
<head>
<meta charset="utf-8">
<title>Mobile</title>
<meta name = "viewport" content="width=device-width, user-scalable=no"/>
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
<link href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" rel="stylesheet" type="text/css"/>
<!--<link href="Overwrite.css" rel="stylesheet" type="text/css">-->
<!--<link href="mquery.css" rel="stylesheet" type="text/css">-->
<!--<link href="css/phone.css" rel="stylesheet" type="text/css">-->
<link rel="apple-touch-icon" href="img/HomeScreenIcon.png" />
<link rel="apple-touch-startup-image" href="img/SplashSceen.jpg"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.4.0/moment.min.js"type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<script src="js/categories.js" type="text/javascript"></script>
<script>var __adobewebfontsappname__="dreamweaver"</script>
<script src="http://use.edgefonts.net/source-sans-pro:n6:default.js" type="text/javascript"></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oxygen:700' rel='stylesheet' type='text/css'>
<link href="css/overwrite.css" rel="stylesheet" type="text/css">

0 个答案:

没有答案