Android股票浏览器忽略元视口

时间:2016-03-04 10:54:17

标签: android html css viewport meta

我正在尝试构建一个网站的一些问题。我在这个和其他网站(像往常一样)做了一些研究(像往常一样),从来没有,我无法找到适合我的解决方案。因为我是初学者(为实践和学习目的而开发),请耐心等待我。 所以这是交易。我开始建立一个网站,但我一直在努力使其响应。在我之前谈论的研究之后,我使用了

<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=no">

只要我通过适用于Android的Chrome浏览器访问该网站,它就可以正常运行。当我选择移动视图或调整窗口大小时,它也适用于Chrome for Windows。唯一能够跳过该元线的浏览器是股票三星浏览器(WebKit - 它认为,虽然不确定该名称)。 有没有人经历过同样的事情?我以为只是我的手机(Galaxy S2),但似乎我不是唯一有这个问题的人。

提前致谢并寻找解决方案。

稍后编辑

处理价值观。似乎<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=10.0, user-scalable=yes, target-densitydpi=device-dpi">实际上并未被忽略。 我玩了最大缩放值,它似乎工作。现在唯一的问题是,股票Android浏览器不会根据样式表文件中的@media screen and (max-width: 640px)显示页面......

稍后(最终)编辑

css代码有点错误。删除了多屏分辨率支持并仅使用普通的Web视图解决了问题,然后只添加了一个分辨率支持(@media screen and (max-width: 500px))似乎有效(无论如何,只有少数设备的宽度低于500 )。现在在常规视图中,站点根据CSS文件成功显示内容。缩小分辨率也会以正确的方式显示页面。我也注意到,使用“max-width”应该按升序排列(首先处理高分辨率分辨率)。

0 个答案:

没有答案