Webview Javascript不显示变换属性

Question

我有一个利用Webview对象显示页面的应用程序。

该页面不是为移动设备设计的，但在移动设备上的格式也不过分，因此我的方法是使用JavaScript调整一些元素。下面的代码正确运行前两个语句。为什么这第三句话没有改变？同时设置CSS属性zoom也无法调整元素。

 final WebView mWebView = (WebView) view.findViewById(R.id.Webview);
    mWebView.getSettings().setJavaScriptEnabled(true);
    mWebView.getSettings().setSupportZoom(true);
    mWebView.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageFinished(WebView view, String url)
        {
            mWebView.loadUrl("javascript:document.getElementById('dhx_minical_icon').style.left='auto'; " +
                    "document.getElementsByClassName('dhx_cal_date')[0].style.width='50%'; "+
                    "document.getElementsByClassName('dhx_cal_light dhx_cal_light_wide')[0].style.transform='translate(-10px,0px) scale(0.5)'; void(0);"
                    );
        }
    });

    mWebView.loadUrl("website.com");