如何確定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

不，我認爲這不是真的可能（或者不錯的用戶體驗） - 設備方向的控制取決於用戶，而不是他們正在查看的站點。 – jack

如何確定Android上CSS的大小，使其適合屏幕

回答

相關問題