Cordova PhoneGap固定宽度设计

Cordova PhoneGap固定宽度设计,cordova,fixed-width,Cordova,Fixed Width,我正在做我的第一个PhoneGap项目。我收到了一个固定宽度的设计(640px)。我如何判断每个屏幕的外观是否相同。我试着用meta强制如下: 但在AVD中这并不好 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 您不必使用特殊的元标记。您可以使用响应性设计,该设计使用px的插入百分比: 国际贸易组织: <img src="mount-mayon

我正在做我的第一个PhoneGap项目。我收到了一个固定宽度的设计(640px)。我如何判断每个屏幕的外观是否相同。我试着用meta强制如下:
但在AVD中这并不好


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


您不必使用特殊的元标记。您可以使用响应性设计,该设计使用px的插入百分比: 国际贸易组织:

<img src="mount-mayon.jpg"  width:320px; margin-left:6px">

使用


这将使所有屏幕的外观相同。将此元用于响应性设计:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />

第二种选择是使用媒体标签。这将根据屏幕和其他参数进行更改

<style>
@media (max-width: 640px) {
.facet_sidebar {
display: none;
}
}
</style>

@介质(最大宽度:640像素){
.侧边栏{
显示:无;
}
}

我想制作一个无响应的布局。我的意思是,在每台设备上看起来都是一样的。resposive design=大量的屏幕&相同的外观意味着屏幕的宽度将是屏幕的50%,我理解,分辨率是多少。但是,我有一个固定的640宽度的设计。大屏幕上的解决方案是什么?我是说一排有5个按钮。每个按钮128px。如果应用程序在800px宽的设备上运行,则20%的宽度不起作用…将宽度:100%添加到正文、html、页面或您正在使用的内容:ej/html、正文{高度:100%;宽度:100%;}
<style>
@media (max-width: 640px) {
.facet_sidebar {
display: none;
}
}
</style>