4

現在、Androidフォンpre 4、iphone、およびブラックベリーで正しくレンダリングされる既存のASP.NetモバイルWebサイトに問題があります。この質問には少し設定が必要ですが..

CSS

tr
{
    color: #00ff00;
}

#MasterBackButton
{
    text-decoration: none;
    border-radius: 5px;
    background-color: #2f7ac1;
    padding: 5px;
    cursor: pointer;
    color: #ffffff;
}

これは、asp.netによって生成されたhtmlのサンプルページです（注：テーブルタグはまったくありません）

<!DOCTYPE html>

<head>
    <title>CSS Problem</title>
    <link id="MainStyleSheet" rel="stylesheet" type="text/css" href="http://10.0.0.108/m/styles/default.css">
</head>
<body id="Body1">
<form method="post" action="/m/" id="MainForm" autocomplete="off">
     <div class="aspNetHidden">
         <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTcwODg1MTE2Ng9kFgJmD2QWAgIBD2QWAgIBDxYCHgZhY3Rpb24FAy9tL2RkHHvpHhoukujQ1p/Rk9kY9OLmIKo=" />
     </div>
     <div style="float: right;">
          <div id="MasterBackButton" onclick="javascript:history.back()">
              Back
          </div>
     </div>
</form>
</body>

戻るには丸いボタンのあるページだけです。

ここでは、予想どおりandroid2.3の下にあります。

ここに画像の説明を入力してください

これが4.03での同じページです

ここに画像の説明を入力してください

突然、テキストが緑色になります。ページにテーブル要素が1つもないにもかかわらず、何らかの理由でtrのスタイルがdivに適用されています。

今、私はブラウザでデスクトップモードを押して：

ここに画像の説明を入力してください

そして、それは突然機能します。変。わかりました。wgetを使用して正確なHTMLをダウンロードし、そのファイルをWebサーバーに配置します。

ここに画像の説明を入力してください

そしてそれは動作します！では、なぜASP.Netページがすべて台無しになっているのでしょうか。trのスタイリングがdivに影響を与えている理由を私は一生理解できません。CSSをtrからtableに変更しても、CSSは変更されます。これまでのところ、私が試したテーブル要素はどれでもそれを行います。これは、標準のAndroidブラウザーがすべてをテーブル要素のように扱っているのとほぼ同じです。

これはすべて、エミュレーターだけでなく、実際のGalaxyS3で発生することを確認できます。

これは、多数のエラーがあるWebサイトで取得できる可能な限り単純化された例の1つにすぎません。以前の質問がランクダウンされて最終的に閉じられましたが、これが発生したことを確認できる完全なサイトのスクリーンショットがあります。そしてそれでさえ、サイト内のいくつかのページよりも優れています。 https://stackoverflow.com/questions/13368693/mobile-css-broke-android-4これらのスクリーンショットを見たい場合。

編集：aspページとhtmlページが同じマークアップを持っていることを示す画像。

4

1 に答える 1

0

さて、私はついにそれを理解しました。モバイルユーザーを自動リダイレクトするために51度をインストールしています。私は新しいWebサイトを作成し、既存の参照をすべて追加し直すと、このバグは再び醜い頭をもたげました。51度の設定がない場合でも、それを参照しているだけのweb.configには、問題を引き起こすのに十分なものはありません。今週、デザインエラーに見舞われるまで、ライトバージョンからプレミアムバージョンにアップグレードしようとしていました。彼らは、新しいAndroidブラウザへの応答をどのように妨害しているに違いありません。

于 2012-11-16T19:50:44.067 に答える