移动设备上不需要的缩放 [英] Unwanted scaling on mobile devices

问题描述

不知道如何避免在移动设备上扩展。它应该没有任何响应式规则，如元视口。尝试了很多变体，但页面最初会加载放大，只有在缩小后才变为想要的。

这里是我的情况 http://alardeem.ru/temp/test/index.html

解决方案

您使用以下标记

< meta name =viewportcontent =width = device -width，initial-scale = 1>

仅告诉浏览器初始缩放。如果您添加了最大比例尺信息，它应该可以正常工作：

< meta name =viewportcontent =width = device-width， initial-scale = 1，maximum-scale = 1，user-scalable = 0，minimal-ui>

它适用于你

Cant understand how to avoid scaling on mobile devices. It should work without any responsive rules like meta-viewport. Tried a lot of variants but the page initially loads magnified and becomes as wanted only after zooming out.

here is my case http://alardeem.ru/temp/test/index.html

解决方案

The following tag you use

<meta name="viewport" content="width=device-width, initial-scale=1">

tells a browser about initial scale only. If you add maximum scale info, it should work properly:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, minimal-ui">

Let me know if it works for you

这篇关于移动设备上不需要的缩放的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！