DIV Tag не отображается в зависимости от размера экрана

Question

Тег DIV не отображается в соответствии с размером экрана. Я использую мобильное приложение jquery для мобильных приложений. При этом используется тег DIV для отображения карты в соответствии с размером экрана. Кодировка выглядит следующим образом:

<div id="map_canvas" style="width:100%; height:417px;"></div> 

Когда я удаляю атрибут стиля тега DIV, он не отображает карту на экране

Пожалуйста, помогите мне ...

Answer 1

Когда я удаляю атрибут стиля тега DIV, он не отображается

Справа.Если вы явно не устанавливаете высоту, и в div нет ничего, чтобы принудительно задать высоту, вы не увидите ее, поскольку она имеет нулевую высоту.

Answer 2

<div id="map_canvas" style="width:100%; height:417px;"></div>

Я предполагаю, что когда вы говорите, что он не совпадает с размером экрана, вы говорите о высоте, а не о ширине. В вашем теге стиля вы установили высоту 417 пикселей, если вы хотите, чтобы div заполнял весь экран, вам нужно установить его на 100%, так же как и на ширину.

<div id="map_canvas" style="width:100%; height:100%;"></div>