Android Web View查看端口问题

Android应用程序有一个链接到网站的按钮。当我点击按钮时，我可以在Android Web View上看到网页。Android Web View查看端口问题

当我通过Android应用程序访问网页。我想看到所有这一切，就像我正在查看大型桌面屏幕一样。

所以我设置视口宽度

<meta name="viewport" content="width=980">

如果我通过移动Chrome浏览器浏览网页。它工作正常。如下图

但是，如果我通过Android Web视图访问网页。它适合移动设备屏幕的宽度如下图

我不知道为什么视区改变我设置。另外，我正在使用Galaxy S7。

请给任何想法。

来源

2016-12-06 happenask

您不应该为您的内容提供特定的宽度。而是可以根据相应设备的像素密度来设置宽度。

您可以为每个密度创建单独的样式表

<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /> 
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />

，或者在一个样式表指定不同的风格：

#header { 
    background:url(medium-density-image.png); 
} 

@media screen and (-webkit-device-pixel-ratio: 1.5) { 
    /* CSS for high-density screens */ 
    #header { 
     background:url(high-density-image.png); 
    } 
} 

@media screen and (-webkit-device-pixel-ratio: 0.75) { 
    /* CSS for low-density screens */ 
    #header { 
     background:url(low-density-image.png); 
    } 
}

来源

2016-12-06 08:05:54 tahsinRupam

Android Web View查看端口问题

回答

相关问题