【发布时间】：2013-06-24 20:46:17
【问题描述】：
我是一名经验丰富的桌面开发人员（MFC->Win Forms->WPF，一些 GTK），尝试使用 HTML5/移动开发。
我想要的只是一个在中间有一个页眉、一个页脚和一个 2x2 网格的应用程序。网格的两行应等高，左列应为 2/3 屏幕宽，右列应为 1/3 屏幕宽。该应用程序应在移动设备上全屏显示，并在桌面上的窗口内工作。当窗口大小/方向改变时，它应该重新应用布局。
在 WPF/Silverlight 中，这将遵循（抱歉语法丑陋）：
网格>
是否有某种 JavaScript/CSS/任何库可以支持这样的事情？我查看了 JQuery.Mobile、Foundation 和其他一些东西，但它们似乎都存在 100% 高度的问题。例如。见这里：JQuery-Mobile content area 100% height between head and foot。
对不起，如果它是微不足道的/显而易见的。一个指向一个工作示例的指针将不胜感激。
【问题讨论】：
-
定义“移动”？ 320 像素的 2/3（入门级智能手机的基本宽度）和 780 像素的 2/3（入门级平板电脑）大不相同。这只是两个例子；视网膜显示器会变得更糟......
-
好点。但是，我的主要关注点是网格布局。一旦您掌握了基本的网格布局，您就可以对其进行改进，例如如果方向是垂直的，则使其高度为 2/3，等等。
标签： javascript html mobile