0

我完成了phonegap应用程序的开发，但是布局有问题，我使用css文件来制作，我的问题是应用程序不采用设备屏幕尺寸，我希望它灵活并且应用程序扩展以采用合适的尺寸. 任何帮助将不胜感激。问候，

4

4 回答 4

0

使用 PhoneGap，您绝对可以找到设备屏幕尺寸：

var widthScreen = window.innerWidth;
var heightScreen = window.innerHeight;

根据您获得的尺寸，您可以放心地假设您正在使用哪种设备，并在设计界面时拥有关键信息。

于 2013-03-05T23:08:22.153 回答
0

使用百分比，但在某些特定方式中，当您需要以像素为单位的内容时，您可以使用不同的 css 样式文件。例如 <link rel="stylesheet" type="text/css" media="only screen and (min-device-width : 240px) and (max-device-width : 320px) " href="css/small.css" />

于 2013-07-19T13:41:06.307 回答
0

听起来您使用的 CSS 会在某处强制设置宽度或高度。不要为元素使用特定的像素大小，而是尝试使用百分比（至少对于宽度）。您可能还想了解响应式网页设计，以帮助为移动设备设计有效的 UI。一个简单的谷歌搜索应该让你继续学习。

于 2013-01-29T17:01:38.857 回答
0

您可以使用 Css3 媒体查询来解决您的问题或

或者你可以使用

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">

我希望解决：D

于 2013-07-20T01:39:22.073 回答