获得了一个(尚未)尚未响应的移动网站的网站http://www.efarby.sk。我无权访问源代码,因为它是外部公司,并且该代码不属于我们^^ ..因此,我尝试通过Google解决它[临时解决方案,使移动用户的生活变得容易一些]标签管理器。
此功能适用于Android设备,但不适用于iPhone。我无法通过Google找到任何答案,您能帮帮我吗?我想要的只是初始比例为0。现在怪异地放大到网站的一部分,用户必须找出要缩小的地方。
我将此添加为自定义HTML标签:
<script type='text/javascript'>
document.querySelector('meta[name="viewport"]').setAttribute("content", "width=device-width, initial-scale=0");
</script>
为什么使用javascript,而不是首先将meta
标记放到HTML页面的<head>
部分中?标签的外观如下:
<meta name="viewport" content=" [content here] ">
如您所见,它与您使用JavaScript所实现的基本相同,但更简单。
我认为initial-scale=0
不是您想要的,因为这建议缩放站点以使其无限小。可能是因为android因此忽略了它,但是iPhone尽可能地放大了。
我建议将initial-scale
设置为1.0
,这是网站的一般建议:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这意味着用户看不到一个很小的网站,而不得不放大,而是将您的网站缩小为适合于手机屏幕的位置。