Css 针对S5和Moto E的Cordova应用

我有一个只在纵向模式下运行的应用程序。我想加载css取决于屏幕大小的S5和更小的一个为摩托E

S5的主屏幕样式和配置CSS homeScreenStyleiPhone和iPhone为Moto E配置

设备像素宽度像素高度CSS像素比率设备宽度设备高度

摩托E9605402480270

银河S5 1920 1080 3 640 360

我尝试了css的不同变体，但不起作用

 <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height">

<link  media="screen and (max-device-width: 350px)" href="assets/css/homeScreenStyleiphone.css" rel="stylesheet">
<link  media="screen and (min-device-width:360px)" href="assets/css/homeScreenStyle.css" rel="stylesheet">



<link   media="screen and (max-device-width: 350px)" href="assets/newcss/iphoneconfigure.css" rel="stylesheet">
<link   media="screen and (min-device-width:360px)" href="assets/newcss/configure.css" rel="stylesheet">

---

请帮忙。我无法计算出确切的宽度

例如，在css文件中，使用元素的宽度和高度的百分比值

div.container
{
width:100%;
height:100%;
position:absolute;
}

---

它将根据设备宽度自动适应该元素，无需更多css文件

，尽管我不知道为什么您只针对2部手机？我想和你分享我的经验

首先，我的目标是任何桌面和移动浏览器加上Android手机加上iPhone

对于可用的屏幕宽度和高度，我使用JavaScript获得，您可以通过google windowHeight和windowWidth获得这些js

对于css，我只使用1个css，但是css中的所有数字都是根据屏幕宽度或高度的比率动态设置的。e、 g.字体大小=窗口高度/20

---

那么用户在不同的手机或浏览器上看到的外观应该是相似的

我尝试根据高度加载，但没有加载不同的css。