ここで何が起こっているか知っている人はいますか?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>
ありがとう。