我已经阅读了所有相关问题,所有建议都在我的代码中实现,但您仍然无法正确呈现。我相当肯定它与设备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等浏览器可以正常显示网站。