我有一个移动网页的版本。它只有一个带有两个文本框和一个提交按钮的表单。
但在移动浏览器上，表单很小，除非你放大它。如何使表单在移动浏览器上默认显示正常？
3个回答
6
使用meta 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。
- Dan
1
您需要在HTML头部添加视口元标记。这将告诉浏览器您的页面应该呈现为特定的方面比如。
<meta name="viewport" content="width=240,user-scalable=no" />
- George Johnston
1
你的文档类型是否适用于移动端？ 可以尝试使用
<?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">
这样手机浏览器就会知道该页面是为移动设备设计的。
- nLL
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接