使用引导程序设计phoneGap应用程序的像素或百分比？ [关闭]

Posted 2023-03-07

【中文标题】使用引导程序设计phoneGap应用程序的像素或百分比？ [关闭]

【英文标题】：Pixcels or percentage for phoneGap apps design using bootstrap? [closed]

【发布时间】：2015-04-21 07:17:37

【问题描述】：

我正在尝试使用引导程序构建一个 PhoneGap 应用程序，但我正在考虑开始构建应用程序的最佳方法，我应该使用像素作为高度，还是使用 jQuery 获得它后根据移动屏幕高度的百分比$(window).height(); ?例如页眉和页脚各占 10%，正文（内容）占 80%。 我的 PSD 具有最大的移动尺寸（1080 像素）宽度和高度（3823 像素），具体取决于页面的内容...

还有什么特色，使用 Mobile jQuery 或标准 jQuery with bootstrap ？

【参考方案1】：

要允许内容对平板电脑和小屏幕智能手机进行响应，Bootstrap 是一个不错的选择，为了增强对应用程序的流畅响应，请尝试使用百分比作为与响应相关的良好做法。

您甚至可以使用 vw 和 vh 以获得更好的结果，请参阅：http://caniuse.com/#feat=viewport-units

【讨论】：

感谢您的回答，我认为 vw & vh 最适合 phonegap 应用，因为它也可以控制字体大小。

我的荣幸.. 接受答案您可能会很感激

我有一个问题，如何从我的 PSD 中确定 vw 和 vh 的单位？根据什么？搜索后我发现方程 1px = (100 / document.documentElement.clientWidth)vw .. 但对我来说还不够清楚！ @sumeet

vw, vh 背后的原理很简单：它们分别代表设备视口宽度和高度的百分比。 1vw = 当前视口宽度的 1/100，即当前设备视口总宽度的 1% 15vh = 视口当前高度的 15/100 或当前设备视口总宽度的 15% vw 和 vh 都可以取任意正数：整数和浮点值都有效。同理，1vmin = 1vw 或 1vh，取小者 1vmax = 1vw 或 1vh，取大者