html - 禁用输入 "Text"标记中的自动缩放 - iPhone 上的 Safari

标签 html iphone zooming mobile-safari html-input

我制作了一个带有 <input> 的 HTML 页面带有 type="text" 的标签.当我在 iPhone 上使用 Safari 单击它时,页面会变大(自动缩放)。有人知道如何禁用此功能吗?

最佳答案

您可以防止 Safari 在用户输入期间自动放大文本字段而不禁用用户的捏缩放功能。只需添加 maximum-scale=1但忽略其他答案中建议的用户规模属性。

如果您的图层中有一个表单在缩放时会“ float ”,这可能会导致重要的 UI 元素移出屏幕,那么这是一个值得选择的选项。

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

关于html - 禁用输入 "Text"标记中的自动缩放 - iPhone 上的 Safari,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2989263/

相关文章:

javascript - Mootools 的图像缩放

html - 元素未正确调整大小

javascript - 高度未定义的图像 slider

html - 在 HTML 上移动元素/部分

iphone - 设计和 Rails 3 中的 http 身份验证

android - 在android中使用矩阵缩放和拖动图像

javascript - 滚动时如何使 <li> 元素固定在 <ul> 元素的顶部和底部

iphone - 计算加速度(驾驶汽车)

iphone - 从多个变量类型中创建一个对象

javascript - 带缩放插件的 Chartjs 只需转动一圈就可以用滚轮缩放太多