Просмотр основных данных с ионной рамкой с использованием списка ионов

Question

Просмотр основных данных с ионной рамкой с использованием списка ионов

0

Я работаю над ионным приложением, и мне нужно использовать представление основных деталей, поэтому на маленьком экране я показываю список, а затем, когда я нажимаю на элемент, переходим к деталям (это делается), а для большего экрана список идет бок о бок с подробным экраном (проверьте изображения):

Маленькие устройства

Большие устройства

если кто-нибудь может помочь мне с идеей или он знает, как это сделать, я буду благодарен.

haffane hatim 22 март 2016, в 13:09

Источник

1

Так какой у тебя вопрос?
Jur Clerkx 22 март 2016, в 12:46
1

мой вопрос, как заставить некоторых думать так? Спасибо
haffane hatim 22 март 2016, в 16:04

Теги:

ionic-framework

angularjs

css

html5

cordova

1 ответ

Ещё вопросы

мой вопрос, как заставить некоторых думать так? Спасибо

Jur Clerkx · Accepted Answer · 2016-03-22T20-47-00.000Z

Я не знаю, как проверить, каков фактический размер устройства. Тем не менее, я знаю, как проверить размер экрана, вы можете сделать это, используя $window.innerWidth и $window.innerHeight.

Если бы вы могли найти способ получить плотность пикселей на экране, вы могли бы рассчитать размер экрана и затем переключить представление на основе ваших вычислений. Вы можете сделать это, используя ng-if в контенте.

Причина, по которой ваше приложение выглядит одинаково на всех телефонах, заключается в том, что компонент webview, в котором работает ионное приложение, обрабатывает все размеры экрана.