Как определить размер андроида на CSS, чтобы он поместился на экране

На этот раз мне нужна помощь с CSS. Я отправляю эти изображения для вас, чтобы понять мои проблемы.Как определить размер андроида на CSS, чтобы он поместился на экране

pic 1

pic 2

Я пытаюсь сделать его совместимым с истинным размером моего андроида. Поскольку я новичок в разработке для телефонов, у меня проблемы с определением размера экрана. Есть ли способ, чтобы я сделал все это на одном экране? Кроме того, есть ли способ сделать мой экран автоматически изменением ориентации телефона на пейзаж, когда пользователь переходит на эту страницу?

Я хочу дать вам блок моих кодов 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(); 
}

В манифесте вы c набор screenOrientation для пейзажа. Это будет выглядеть примерно так в XML:

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

источник

2016-04-27 17:15:58

спасибо за ответ..Мое извинение за то, что не сообщило об этом раньше. Я пользуюсь ионной и не андроидной студией. Как изменить ориентацию с помощью ионной? – AhKing

Первый шаг поставить соответствующий мета-тег в <head> вашего HTML:

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

Это должно сделать вашу страницу, по крайней мере знать, от размера окна, в котором он существует. Создание дизайна выглядит хорошо на разных размерах экрана - это еще одна история; общий подход для этого заключается в использовании размеров жидкости (думаю, width: 100% вместо width: 800px) и медиа-запросов (например, @media (max-width: 480px) { ...css rules for small screens go here... }) в вашем css.

источник

2016-04-27 17:26:07 jack

благодарит за ответ. он работает, изменяя формат px на%. Каким-либо образом, вы знаете, как заставить пользовательский экран исправить пейзаж, когда пользователь переходит на эту страницу? – AhKing

Нет, я не думаю, что это действительно возможно (или хороший пользовательский опыт) - контроль ориентации устройства зависит от пользователя, а не от того, что он просматривает. – jack

Как определить размер андроида на CSS, чтобы он поместился на экране

ответ

Смежные вопросы