我正在尝试构建一个网站的一些问题。我在这个和其他网站(像往常一样)做了一些研究(像往常一样),从来没有,我无法找到适合我的解决方案。因为我是初学者(为实践和学习目的而开发),请耐心等待我。 所以这是交易。我开始建立一个网站,但我一直在努力使其响应。在我之前谈论的研究之后,我使用了
<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”应该按升序排列(首先处理高分辨率分辨率)。