0

私はphp開発者です。php hawhaw.incを使用してモバイルサイトを開発しています。

ページ sim を使用して、ページの css を設定します

なので

$myPage->use_simulator("http://".$_SERVER["SERVER_NAME"].":".$_SERVER['SERVER_PORT'].dirname($_SERVER['PHP_SELF'])."/css/style.css")

im my css file テーブルの css を書きます。Windows モバイルでは設定されていますが、Opera mini および Black berry ブラウザでは設定されていません。

ページは

$myPage = new HAW_deck("Login ", HAW_ALIGN_CENTER);
/*$myPage->set_bgcolor('#337fa6');
$myPage->set_background('../images/body_bg.jpg');
$myPage->set_css_class('skin');*/
$myHtmlCode = '<link href="css/style.css" rel="stylesheet" type="text/css" media="handheld" /><link rel="stylesheet" type="text/css" href="css/style.css" /><meta name="viewport" content="initial-scale=1.0"/><meta name="viewport" content="user-scalable=false" />';
$myAdblock = new HAW_raw(HAW_HTML, $myHtmlCode);
$myPage->add_raw($myAdblock);

/*$myPage->set_width('50%');
$myPage->set_height('50%');*/
$myPage->use_simulator("http://".$_SERVER["SERVER_NAME"].":".$_SERVER['SERVER_PORT'].dirname($_SERVER['PHP_SELF'])."/css/style.css");
$myForm = new HAW_form($_SERVER['PHP_SELF']); 
$text = new HAW_text("Please enter username & password:"); 
$text1 = new HAW_text("REMcloud", HAW_TEXTFORMAT_BOLD | HAW_TEXTFORMAT_BIG); 
$myImage1 = new HAW_image('','../images/logo.png','REMcloud','');
$myImage1->set_br(1);
$myImage1->set_html_width(200);
$myImage1->set_html_height(100);

$error=new HAW_text($_REQUEST['msg'], HAW_TEXTFORMAT_BOLD);
$error->set_color("#ff0000", "red"); 

$theID = new HAW_input("username", "", "Username",  "*N");
$theID->set_size(4);
$theID->set_maxlength(20);
$text2 = new HAW_text("");
$thePW = new HAW_input("password", "", "Password", "*N");
$thePW->set_size(4);
$thePW->set_maxlength(20);
$thePW->set_type(HAW_INPUT_PASSWORD);
$theSubmission = new HAW_submit("Submit", "submit");
// add the elements in the form
//$myForm->add_text($text1);
$myForm->add_image($myImage1);
//$myForm->add_text($text2);
$myForm->add_text($error);
$myForm->add_text($text2);
$myForm->add_text($text);
$myForm->add_text($text2);
$myForm->add_input($theID);
$myForm->add_text($text2);
$myForm->add_input($thePW);
$myForm->add_text($text2);
$myForm->add_submit($theSubmission);
$myPage->add_form($myForm);
$myPage->create_page();

CSSは

/* HAWHAW skin stylesheet for the hawhaw phone */
body {
  background-color: #FFFFFF;
  text-align: center;
  margin: 0px;
  padding: 0px;
  color: #222222;

}


#skin {
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  width: 280px;
  height: 466px;
  background-image: url(../../images/bg.jpg);
  background-color:#337fa6;
  background-repeat:repeat-x;
}

#display {
  position: relative;
  top: 80px;
 /* left: 43px;*/
  width: 100%;
  height: 85%;
  overflow: auto;
}
TABLE{
width:100%;
padding-left:-10px;
overflow:scroll;
height:20px;
border:none;
font-family:Calibri;
font-size:14px;
}
tr{
height:20px;
}
td{
color:#fff;
border:none;
}
a
{
font-family:Calibri;
font-size:16px;
}

誰かが知っているなら、同じことについて私にアドバイスしてください

前もって感謝します

4

3 に答える 3

0

スタイルシート/メディアタイプについては、次のことがあります。ドキュメントをさまざまなメディアに表示する方法/

コンピューターの画面：印刷用のmedia = "screen"：携帯電話用のmedia = "print"：media = "handheld"

cssが機能しない場合は、メディア属性が必要な可能性があります。

<link rel="stylesheet" type="text/css" media="handheld" href="mobile.css" />

もちろん、それは単なる理論です。これらは他のメディアタイプですw3c-media

cssは機能するが、テーブルクラスは機能しない場合。

テーブルに次のような異なるスタイルを与えます。

html：<table class="blabla"><tr><td></td></tr></table>

css：table.blabla{height:20px;}

またtable.blabla tr td{height:20px;}

于 2010-04-07T11:01:12.967 に答える
0

Opera Mini でページが正しく表示されない場合は、同じレンダリング エンジンを共有し、デバッグ用にOpera Dragonflyを提供するOpera Desktopでデバッグを行うことをお勧めします。

于 2010-04-20T06:54:33.093 に答える
0

または、これを使用して、Opera mini の実際の互換性を確認できます。

http://www.quirksmode.org/m/css.html

Opera mini には Web 標準に関する多くの問題があります。これがお役に立てば幸いです。

于 2012-02-01T07:37:21.230 に答える