如何确定Android上CSS的大小，使其适合屏幕

这次我需要CSS帮助。我张贴这些图片，以便您了解我的问题。如何确定Android上CSS的大小，使其适合屏幕

我试图让它与我的Android的真实规模相适应。由于我是手机设计新手，因此在确定屏幕尺寸方面遇到问题。有没有办法让我在一个屏幕上全面搜索？另外，当用户转到此页面时，是否有办法让我的屏幕自动将手机方向更改为风景？

我想给你一个我的CSS代码块，但粘贴在这里时有点难以阅读。

2016-04-27 AhKing

使用此代码，你可以得到运行时显示的宽度&高度

DisplayMetrics displaymetrics = new DisplayMetrics(); 
getWindowManager().getDefaultDisplay().getMetrics(displaymetrics); 
int height = displaymetrics.heightPixels; 
int width = displaymetrics.widthPixels;

在你需要做的是这样的一个观点：

((Activity) getContext()).getWindowManager() 
        .getDefaultDisplay() 
        .getMetrics(displayMetrics);

从不赞成的方法与目前的SDK的向后兼容性对齐：

int Measuredwidth = 0; 
int Measuredheight = 0; 
Point size = new Point(); 
WindowManager w = getWindowManager(); 

if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { 
w.getDefaultDisplay().getSize(size); 
Measuredwidth = size.x; 
Measuredheight = size.y; 
}else{ 
Display d = w.getDefaultDisplay(); 
Measuredwidth = d.getWidth(); 
Measuredheight = d.getHeight(); 
}

在Manifest中，你c将screenOrientation设置为横向。它看起来像这样的XML：

<activity android:name="MyActivity" 
android:screenOrientation="landscape" 
android:configChanges="keyboardHidden|orientation|screenSize"> 
... 
</activity>

来源

2016-04-27 17:15:58

感谢您的回复..我道歉不通知这些以前..我使用离子和不是android studio。如何使用离子改变方向？ – AhKing

第一步是把合适的meta标签在HTML的<head>：

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

，应该让你的网页至少知道它存在的窗口大小。使设计在各种屏幕尺寸上看起来不错是另一回事;一般的做法是在你的CSS中使用流体尺寸（认为width: 100%而不是width: 800px）和媒体查询（如@media (max-width: 480px) { ...css rules for small screens go here... }）。

来源

2016-04-27 17:26:07 jack

感谢您的回复。它通过将px格式更改为％来工作。无论如何，当用户访问该页面时，您是否知道如何让用户屏幕修复风景？ – AhKing

如何确定Android上CSS的大小，使其适合屏幕

回答

相关问题