我已经阅读了与此相关的所有问题,并且所有建议都在我的代码中实现,如您所见,但该站点仍然无法正确呈现。我相当肯定它与设备 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");
}
安卓 4.3
由于我相当确定它与 dpi 相关(物理屏幕应该显示移动布局,但 dpi 使网站认为它不是移动屏幕),我有什么选择?我的第一个偏好是在设备端进行调整,因为我正在为我不拥有的现有网站开发应用程序。如果这是不可能的,需要在站点中进行哪些调整?请注意,Chrome 和 FFox 等浏览器能够正确显示该站点。