文章/答案/技术大牛

发布

社区首页 >问答首页 >针对S5和Moto E的Cordova应用程序

问针对S5和Moto E的Cordova应用程序
EN

Stack Overflow用户

提问于 2015-05-14 14:28:56

回答 2查看 114关注 0票数 0

我有一个只在肖像模式下运行的应用程序。我想加载css取决于屏幕尺寸为S5和较小的一个为Moto E。

适用于S5 homeScreenStyleiPhone的homeScreenStyle和配置，以及适用于Moto E的iphoneConfigure

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

Moto E 960 540 2 480 270

银河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

cordova

回答 2

Stack Overflow用户

发布于 2015-05-15 18:19:40

在css文件中，以百分比值表示元素宽度和高度，例如

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

它会自动适应元素根据设备宽度，不需要更多的css文件

票数 0

Stack Overflow用户

发布于 2015-05-15 23:52:11

虽然我不知道你为什么只想买两部手机？想和大家分享我的经验。

首先，我的目标是任何台式机&移动浏览器+ Android手机+ iphones。

对于屏幕的宽度和高度，我是通过JavaScript获得的，你可以通过谷歌windowHeight和windowWidth获得这些js。

对于css，我只使用了1个css，但是css中的所有数字都是根据屏幕宽度或高度的比例动态设置的。例如font-size = windowHeight / 20

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30230739

复制

相似问题

问针对S5和Moto E的Cordova应用程序
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问针对S5和Moto E的Cordova应用程序EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问针对S5和Moto E的Cordova应用程序
EN