Html 移动表单很小

Html 移动表单很小,html,mobile,mobile-website,Html,Mobile,Mobile Website,我有一个网页的移动版本。它只有一个表单,带有两个文本框和一个提交按钮 但是在移动浏览器上,表单在放大之前是很小的。默认情况下,如何在移动浏览器上使窗体看起来正常?您需要将viewport meta标记添加到HTML标题中。这将告诉浏览器您的页面应该呈现为某个方面。e、 g <meta name="viewport" content="width=240,user-scalable=no" /> 您的Doctype是移动的吗? 试用 <?xml version="1.0" e

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


但是在移动浏览器上,表单在放大之前是很小的。默认情况下,如何在移动浏览器上使窗体看起来正常?

您需要将viewport meta标记添加到HTML标题中。这将告诉浏览器您的页面应该呈现为某个方面。e、 g

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

您的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">


为了让手机浏览器知道该页面是为手机设计的,带有meta视口,我使用了以下内容:

<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

除非您展示一些代码或实例,否则我怀疑在这方面没有什么可以帮助的。