有人知道这里发生了什么吗?我在opera、dolphin 和工厂的android 浏览器上进行了测试。(虽然它现在似乎正在制作歌剧)
div 不会改变大小,但文本会以某种方式缩小以适合 div 的一部分。无论如何要防止这种情况?
为了清楚起见,我试图在移动浏览器上实现与 PC 版本相同的外观。
由于问题似乎出在浏览器上,如何强制文本占据 div 的整个宽度?我尝试将 p 标签设置为 100%,但没有成功。
div 必须具有该宽度并与页面左侧对齐。
*更新1:我在galaxy s4上尝试了以下代码(之前在s2上尝试过),在opera mini和dolphin上也遇到了同样的错误。可以使用opera mini 模拟器在线查看错误,您只需在某处托管 html 文件。
*更新2:我认为问题的存在是因为在加载网页时,它是以正常大小(像素)加载的,所以段落只占页面的一小部分。然后,页面缩小,因此所有内容都适合页面,但文本不会散开,它停留在最初的小空间中。
在 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>
谢谢。