11

ここで何が起こっているか知っている人はいますか?Opera、Dolphin、および工場出荷時の Android ブラウザーでテストしました。(今はオペラに取り組んでいるようですが)

div のサイズは変更されませんが、テキストは何らかの形で div の一部に収まるように縮小されます。とにかくこれを防ぐには?

明確にするために、私はモバイル ブラウザで PC バージョンと同じ外観を実現しようとしています。

問題はブラウザにあるようですが、テキストを div の全幅にするにはどうすればよいですか? p タグを 100% に設定しようとしましたが、成功しませんでした。

div はその幅を持ち、ページの左側に配置する必要があります。

*更新 1:次のコードを Galaxy s4 (以前は s2 で試しました) で試しましたが、Opera mini と Dolphin で同じエラーが発生しました。このエラーは、opera mini シミュレーターを使用してオンラインで視覚化できます。必要なのは、html ファイルをどこかにホストすることだけです。

*更新 2: Web ページが読み込まれると、通常のサイズ (ピクセル) で読み込まれるため、段落がページのごく一部しか占めないため、問題が存在すると考えられます。次に、すべてのコンテンツがページに収まるようにページが縮小されますが、テキストは広がりません。最初の小さなスペースにとどまります。

ここに画像の説明を入力

PC では、次のようになります。

ここに画像の説明を入力

できる限りコードを縮小しました。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-us">
<head>

<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

<meta content="" name="keywords" />
<meta content="" name="description" />

<title></title>

</head>
<body>
<div style="width:1000px; margin-left:auto; margin-right:auto;" >

<div style="float:left; width:758px; background-color:aqua;">
<p>

Random text Random text Random text Random text Random text Random text Random text Random text 
Random text Random text Random text Random text Random text Random text Random text Random text 
Random text Random text Random text Random text Random text Random text Random text Random text  
Random text Random text Random text Random text Random text Random text Random text Random text  
Random text Random text Random text Random text Random text Random text Random text Random text  
Random text Random text Random text Random text Random text Random text Random text Random text  
Random text Random text .
<br />
<br />
Random text Random text Random text Random text Random text Random text Random text Random text  
Random text Random text Random text .
<br />
<br />
Random text Random text Random text Random text  
<a href="http://www.a.com/a.html">
Random text </a> Random text  
Random text .
</p>
</div>
</div>
</body>
</html>

ありがとう。

4

7 に答える 7

4

HTML5 と適切な doctype の適用を開始することをお勧めします。

<!DOCTYPE html>

次に、ビューポートを調整して、適用できるようにします。

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

テストする Opera Mini はありませんが、互換性テーブルによると動作するはずです。

于 2013-07-29T09:02:42.463 に答える
0

Droid Razr (Droid OS 4.1.2) - ストック ブラウザでこれとほぼ同じ問題が発生しました。ブラウザ自体の問題であることが判明しました-設定の破損など。[設定] > [詳細設定] > [デフォルトにリセット] > [OK] に移動すると、問題が修正されました。

于 2013-12-10T21:10:20.300 に答える
0

% などの相対単位で幅を指定してみてください。

ここのように:

幅:100%; 最初のdivと..

幅:75%; その中のdiv

于 2014-03-03T11:52:23.310 に答える