Android Webview加载响应式设计网站,但webview没有正确调整大小

时间:2013-08-27 18:37:20

标签: android web-applications webview responsive-design viewport

我已经阅读了所有相关问题,所有建议都在我的代码中实现,但您仍然无法正确呈现。我相当肯定它与设备dpi有关。我正在测试的设备是带有xhdpi的Google Nexus 7,以下是其规格:

  

7.02“1920x1200高清显示屏(323 ppi); 1080p高清IPS

页面应自动切换到单列视图,而是显示为非常大的屏幕(因此按钮太小)。这是代码:

网站:

<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, target-densitydpi=device-dpi" />

爪哇:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    WebView webView = (WebView) findViewById(R.id.webview);

    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
    webView.getSettings().setUserAgentString("Android App");
    webView.setInitialScale(30);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.getSettings().setUseWideViewPort(true);
    webView.setWebViewClient(new WHMWebViewClient(this));

    webView.loadUrl("http://www.responsive_website.com");
}

Android 4.3

由于我相当确定它与dpi相关(物理屏幕应该显示移动布局,但dpi使网站认为它不是移动屏幕),我有什么选择?我的第一个偏好是在设备端进行调整,因为我正在为我不拥有的现有网站开发应用程序。如果无法做到这一点,需要在网站上进行哪些调整?请注意,Chrome和FFox等浏览器可以正常显示网站。

0 个答案:

没有答案