有人知道这里发生了什么吗?我在歌剧,海豚和工厂的
android浏览器上测试过. (虽然现在似乎在歌剧上工作)
div不改变大小,但是文本以某种方式缩小以适应div的一部分.
反正要防止这个?
只是为了清楚,我试图在移动浏览器上实现与pc版本相同的外观.
由于问题似乎与浏览器有关,我如何强制文本占据整个div的宽度?我尝试将p标签设置为100%,没有成功.
div必须具有该宽度并在页面的左侧对齐.
*更新1:我在galaxy s4(以前在s2上尝试过)中尝试过以下代码,并在歌剧迷你和海豚上获得相同的错误.
可以使用opera mini simulator在线显示错误,您只需要在某个地方托管html文件.
*更新2:我相信问题的存在是因为当网页被加载时,它被加载到正常大小(像素),所以该段落只占页面的一小部分.然后,页面缩小,所有内容都适合页面,但文本不会扩展,它保留在该初始的小空间.
在电脑上,应该是:
我尽可能缩小代码:
- <!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>
谢谢.
解决方法
更好地开始应用HTML5,以及适当的doctype:
- <!DOCTYPE html>
然后调整视口,因此可以应用:
- <Meta name="viewport" content="width=device-width,initial-scale=1">
我没有Opera Mini测试,但是根据兼容性表,它应该是工作.