移动表单很小

发布于 2024-10-15 09:38:36 字数 95 浏览 2 评论 0原文

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

但在移动浏览器上,表单很小,直到您放大为止。如何使表单在​​移动浏览器上默认看起来正常?

I have a mobile version of a webpage. All it has is a single form w/ two text boxes and one submit button.

But on the mobile browser, the form is tiny until you zoom in on it. How do you make a form look normal by default on a mobile browser?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

眼中杀气 2024-10-22 09:38:36

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

<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

With the meta viewport, I use the following:

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

This way, there is no restriction on the width, so it can adjust accordingly whether the user is using a mobile phone or an iPad (or other tablet device). I would only recommend using the user-scale=no if you are building a site specifically for mobile.

·深蓝 2024-10-22 09:38:36

您的 Doctype 是移动设备吗?
尝试使用

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

,以便手机浏览器知道该页面是为手机设计的

Is your Doctype mobile?
Try using

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

so that phone's browser would know that page is designed for mobile phones

抱猫软卧 2024-10-22 09:38:36

您需要将视口元标记添加到 HTML 标头。这将告诉浏览器您的页面应该呈现为某个方面。例如

<meta name="viewport" content="width=240,user-scalable=no" />

You will need to add the viewport meta tag to the HTML header. This will tell the browser that your page is suppose to be rendered into a certain aspect. e.g.

<meta name="viewport" content="width=240,user-scalable=no" />
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文