Javascript 使用bootstrap设计phoneGap应用程序的Pixcels或百分比?

Javascript 使用bootstrap设计phoneGap应用程序的Pixcels或百分比?,javascript,jquery,css,twitter-bootstrap,phonegap-build,Javascript,Jquery,Css,Twitter Bootstrap,Phonegap Build,我正在尝试使用bootstrap构建一个PhoneGap应用程序,但我正在考虑开始构建该应用程序的最佳方法,是使用pixcels表示高度,还是使用jQuery$(window).height()获取后根据手机屏幕的高度使用百分比?例如,页眉和页脚各占10%,正文(内容)占80%。 我有最大的移动大小(1080px)的宽度和高度(3823px)的PSD取决于页面的内容 使用移动jQuery或带bootstrap的标准jQuery有什么特点?为了让内容对平板电脑和小屏幕智能手机做出响应,bootst

我正在尝试使用bootstrap构建一个PhoneGap应用程序,但我正在考虑开始构建该应用程序的最佳方法,是使用pixcels表示高度,还是使用jQuery
$(window).height()获取后根据手机屏幕的高度使用百分比?例如,页眉和页脚各占10%,正文(内容)占80%。
我有最大的移动大小(1080px)的宽度和高度(3823px)的PSD取决于页面的内容


使用移动jQuery或带bootstrap的标准jQuery有什么特点?

为了让内容对平板电脑和小屏幕智能手机做出响应,bootstrap是一个不错的选择,为了增强应用程序的流畅响应性,尝试使用百分比作为一种良好的响应性实践


您甚至可以使用vw&vh以获得更好的效果。请参阅:

谢谢您的回答,我认为vw&vh最适合phonegap应用程序,因为它还可以控制字体大小。我很高兴。。您可以接受我的问题,即如何从我的PSD确定大众和vh的单位?根据什么?搜索之后,我发现方程1px=(100/document.documentElement.clientWidth)vw。。但对我来说还不够清楚@vw、vh背后的原理很简单:它们分别代表设备视口宽度和高度的百分比。1vw=当前视口宽度的1/100,即当前设备视口总宽度的1%,15vh=视口当前高度的15/100或当前设备视口总宽度的15%,vw和vh都可以取任何正数:整数和浮点值都有效。同样,1vmin=1vw或1vh,以较小者为准;1vmax=1vw或1vh,以较大者为准