Question

我们有一个基于4D的大型专有MRP系统。

我们正在创建一个由4D提供的非常简单的网页，其中包含一个文本框。

如何说服iphone和机器人将文本框设置为屏幕宽度，这样用户就不必手动缩放？

<!DOCTYPE html>
<HTML>
<HEAD>
<style type="text/css">
</style>
</HEAD>
<META NAME="GENERATOR" CONTENT="4th Dimension - 4D">
<TITLE> Real Time Collection
</TITLE>

<BODY>
<FONT size="5";bold>    
<FORM ACTION="/ProcessJobHours" METHOD=POST>
    Employee ID#<BR>
    <INPUT TYPE=TEXT NAME=Emp VALUE="" style="height: 48px; width: 250px;
                    font-size: 24pt;"><BR>      
    <!-- OK is a particular case-->
    <INPUT TYPE=SUBMIT NAME=WEBOK VALUE="Ok">
</FORM>
</BODY>
</HTML>

我得到的是： enter image description here

我想要的是： enter image description here

Answer 1

我认为Alex B的观点建议是一个好的开始。请尝试将其添加到HTML的部分。

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

Answer 2

我相信您在移动呈现网页时所寻求的内容称为视口。我认为这篇博文很清楚地说明了这一点。

http://bravenewmethod.wordpress.com/2011/08/28/html5-canvas-layout-and-mobile-devices/

自动缩放iphone / android上的网页，使文本框水平填充屏幕

2 个答案: