Android 缩小webview的混合webapp,以匹配屏幕宽度和高度并保持纵横比
我必须将一个最初为1920 x 1080分辨率开发的网站(要求无滚动)转变为一个混合android应用程序,该应用程序适用于支持1024x768分辨率且无滚动条的android设备。。整个网站是使用明确的像素值连接的,宽度、高度和偏移量以像素为单位指定,css中有数千个像素定义。是否有一种解决方法可以在不手动计算每个元素的最终位置并在css文件中指定的情况下执行此操作?最初的网站不是使用任何SCS开发的,目标平台是android webview。meta标记在我的情况下似乎不起作用Android 缩小webview的混合webapp,以匹配屏幕宽度和高度并保持纵横比,android,html,css,webview,Android,Html,Css,Webview,我必须将一个最初为1920 x 1080分辨率开发的网站(要求无滚动)转变为一个混合android应用程序,该应用程序适用于支持1024x768分辨率且无滚动条的android设备。。整个网站是使用明确的像素值连接的,宽度、高度和偏移量以像素为单位指定,css中有数千个像素定义。是否有一种解决方法可以在不手动计算每个元素的最终位置并在css文件中指定的情况下执行此操作?最初的网站不是使用任何SCS开发的,目标平台是android webview。meta标记在我的情况下似乎不起作用 这只在内部设
这只在内部设置中使用,自下而上开发是个坏主意,因为我必须重用现有代码。css 2d转换,在body元素上应用的缩放解决了问题,但确保它的前缀是-webkit-以便在android上工作
body{
-webkit-transform: scale(0.67,0.645);
-webkit-transform-origin: left top;
}
请给出一个更详细的答案,最好使用代码,这样对其他有相同问题的人更有用。