iPad上浏览器的布局问题

Question

我正在尝试修复平板电脑上的浏览器的一些布局问题。目前，表面上的浏览器和Android工作正常，但Ipad存在一些问题。 这是Android平板电脑浏览器显示的主页面：

这是Ipad（safari和chrome）显示的主页

网页正在使用bootstrap，网址为http://hra.case.edu。

这是我的元标记

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

此外，我将min-width=100%设置为标题div，但在iPad的某个页面上似乎没用，请看这张图片：

有人对这些问题有一些想法吗？