В течение последнего дня я пытался выяснить, как изменить стиль минимальной высоты на мобильной странице jQuery при просмотре в мобильном сафари. Я пробовал встроенные стили, переопределяя стили пользовательского интерфейса, и мне еще не удалось найти способ переопределить высоту data-role = "page". В идеале, если «содержание» страницы меньше высоты «страницы», я бы хотел, чтобы высота «страницы» автоматически подстраивалась под «содержание». Я приложил иллюстрацию, чтобы лучше объяснить проблему.

<div data-role="page">
     <div data-role="header">
             Header Elements
     </div>
     <div data-role="content" class="homeNav">
            <ul data-role="listview" data-inset="false" data-filter="false">
                <li><a href="expertise.html">Expertise</a></li>
                <li><a href="greatesthits.html">Greatest Hits</a></li>
                <li><a href="profile.html">Profile</a></li>
                <li><a href="mindset.html">Mindset</a></li>
                <li><a href="connect.html">Connect</a></li>
             </ul>  
     </div><!-- /content -->

     <div data-role="footer" data-position="fixed">
             Footer elements
     </div><!-- /footer -->
</div><!-- /page -->