Question

我想模仿华为Y530。根据{{3}}，它具有以下规范：

屏幕：480 x 854像素，4.5英寸（~218 ppi像素密度）

这就是我的WEB APP在实际设备上的样子：

enter image description here

这就是它在仿真器上的样子，具有以下规范：

目标：Android 4.3 - API级别18 装置：4＆＃34; WVGA（Nexus S）（480x800 hdpi）

enter image description here

我知道两个设备的高度存在差异，但我仍然认为模拟器应该显示与实际设备显示的内容类似的内容。

我尝试使用以下代码找到真实设备的innerWidth和innerHeight：

var viewportwidth;
var viewportheight;

 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
alert (viewportwidth);
alert(viewportheight);

结果是宽度：320px和高度：544px

emualtor上的innerWidth为：480px和innerHeight：756px

由于真实设备的宽度为320像素，我尝试使用具有以下规格的仿真器：

屏幕：3.2＆＃34; QVGA（ADP2）（320 x 480 mdpi）

具有以下结果：

enter image description here

Answer 1

如果仅为此特定手机开发应用，则始终可以创建新的模拟器。附带的图像模拟华为Ascend Y530手机的确切属性。

New Emulator Screen

或者，如果正在为具有不同屏幕尺寸的不同手机开发应用程序，我会查看xml文件以获取布局。请注意以下属性，例如将表单小部件与其他小部件相关联。例如：android:layout_toRightOf="@+id/ukFlag"代表丹麦国旗。在您获得正确的布局之前，实际上可以使用几个布局参数：

Layout_toLeftOf
Layout_toRightOf
Layout_above
Layout_below

您还可以设置窗口小部件的位置，可以是left_based，right_based或居中。

希望这会对你有所帮助：Android Layouts

Answer 2

在不知道如何完成应用程序的情况下，您似乎使用像素这样的固定单位来指定大小。由于此项目是一个Web应用程序，您可能应该考虑使用所谓的Responsive Design方法。通过这种方式，您的内容可以根据屏幕的大小进行调整。

我将为您提供一些有用的文章，以了解有关此内容的更多信息：

我应该为华为Y300和Y530使用哪种仿真器？

2 个答案: