Javascript 移动设备上的视口问题

Javascript 移动设备上的视口问题,javascript,html,css,mobile,responsive-design,Javascript,Html,Css,Mobile,Responsive Design,我有一个我正在努力克服的问题。我部署了我的站点,并注意到Android设备上股票浏览器的视口逻辑被破坏。同一台安卓设备上的Chrome浏览器可以正常工作。另外,iphone6可以工作,但iphone5不行。我根据屏幕的宽度动态地确定视口值 以下是该站点的测试版本: 我不能改变设计和布局,站点需要以现在的中间为中心。 有人知道为什么在android股票浏览器上它不能工作,但在同一台设备上的chrome浏览器上却能工作吗 什么都行,谢谢 如果英雄图像是一个实际的img标签而不是背景图像,那么你将更

我有一个我正在努力克服的问题。我部署了我的站点,并注意到Android设备上股票浏览器的视口逻辑被破坏。同一台安卓设备上的Chrome浏览器可以正常工作。另外,iphone6可以工作,但iphone5不行。我根据屏幕的宽度动态地确定视口值

以下是该站点的测试版本:

<>我不能改变设计和布局,站点需要以现在的中间为中心。

有人知道为什么在android股票浏览器上它不能工作,但在同一台设备上的chrome浏览器上却能工作吗


什么都行,谢谢

如果英雄图像是一个实际的img标签而不是背景图像,那么你将更容易进行响应式布局。通过添加CSS,可以使背景图像不被裁剪:

background-size:contain;
另一方面,您需要确保articlewhat is Spaniar中包含的元素具有百分比宽度

编辑:
据我所见,这不是浏览器的问题,只是缺少适当的代码,在没有看到代码的情况下提供解决方案是相当困难的。 还在给你一个解决问题的建议

只是个主意。尝试更改CSS中的背景大小,如下所示:-


背景尺寸:封面

请澄清你所说的“不工作”是指背景图像占据了屏幕的一半。但它是同一个设备。。一旦浏览器将其减半。。在其他任何地方,它的全宽。。在浏览器中检查行为是否正确。感谢老款手机都有这个问题我看不出android浏览器有任何问题。你能提供屏幕截图吗?哪个图像?你说一半是什么意思?