2015-10-19 72 views
0

我必须将一个网站最初开发的1920 x 1080分辨率与没有滚动的要求,混合Android应用程序对于支持1024x768分辨率的Android设备,无滚动条。。整个网站使用确定的像素值进行连线,宽度,高度和偏移量以像素为单位指定,在css中有数千个像素定义。有没有一种解决方法来做到这一点,而无需手动计算每个元素的明确位置并在css文件中指定?原始网站并未使用任何scss开发,目标平台是android webview。 meta标签似乎不适用于我的情况。缩小webview的混合web应用程序,以匹配屏幕的宽度和高度保持长宽比

这是在内部设置只能使用,从下向上发展,这是一个坏主意,因为我不得不重用现有的代码。

回答

0

CSS 2D变换,适用主体元素规模上解决了这个问题,但要确保它是为了在Android

body{ 
      -webkit-transform: scale(0.67,0.645); 
      -webkit-transform-origin: left top; 
    } 
+1

工作,请给出一个更详细的答案前缀-webkit-,优化的代码,所以对于有同样问题的其他人可能更有用。 – hoijui

+1

当然,马上编辑它 –

相关问题