1

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

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

如何说服 iphone 和 android 使文本框成为屏幕的宽度,这样用户就不必手动缩放?

<!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>

我得到的是: 在此处输入图像描述

我想要的是: 在此处输入图像描述

4

2 回答 2

1

我认为 Alex B 的视口建议是一个好的开始。尝试将此添加到您的 HTML 部分。

<meta name="viewport" content="width=device-width, initial-scale=1">
于 2013-01-18T19:55:46.010 回答
0

我相信您在网页的移动渲染上寻找的东西称为视口。我认为这篇博文很好地阐明了这一点。

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

于 2013-01-18T18:20:20.977 回答