1

4Dをベースとした大規模な独自のMRPシステムを保有しています。

4D が提供する、テキストボックスを持つ非常に単純な Web ページを作成しています。

ユーザーが手動でズームする必要がないように、テキストボックスを画面の幅にするように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

Web ページのモバイル レンダリングで探しているのはビューポートと呼ばれるものだと思います。このブログ投稿はそれをかなり明確にしていると思います。

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

于 2013-01-18T18:20:20.977 に答える