html - 移动表格很小

标签 html mobile mobile-website

我有一个网页的移动版本。它只有一个表单,带有两个文本框和一个提交按钮。

但在移动浏览器上,表单很小,除非您将其放大。如何使表单在​​移动浏览器上默认看起来正常?

最佳答案

对于元视口(viewport),我使用以下内容:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />

这样就没有了宽度的限制,无论用户使用的是手机还是iPad(或其他平板设备),它都可以进行相应的调整。如果您正在构建专门针对移动设备的网站,我只建议使用 user-scale=no

关于html - 移动表格很小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4852750/

相关文章:

HTML + CSS 布局,底部框显示所有内容,可变高度顶部框滚动

html - 网页在 Safari 上失去功能,但在 Chrome 上没问题

javascript - 阻止移动网页上的设备旋转

html - 100% 宽度的 HTML 元素问题

javascript - React JS - ESLint - 忽略具有 UNSAFE_componentWillMount、UNSAFE_componentWillUpdate 和 UNSAFE_componentWillReceiveProps 的组件的规则

html - 为什么响应式网页设计在具有相同分辨率但不同 ppi 的屏幕上响应不同?

html - 拆分按钮的jquery移动对齐

GWT 移动端跨平台绘图性能

手机模拟器

html - 列出彼此下方的 div 元素