Mobile 内部文本<；p>；在移动设备上收缩，而div不收缩_Mobile_Browser_Xhtml

Mobile 内部文本<；p>；在移动设备上收缩，而div不收缩

mobile browser

Mobile 内部文本<；p>；在移动设备上收缩，而div不收缩,mobile,browser,xhtml,Mobile,Browser,Xhtml,有人知道这里发生了什么吗？我在opera、dolphin和factory android浏览器上进行了测试。（尽管它现在似乎正在制作歌剧） div不会改变大小，但文本会以某种方式缩小以适合div的一部分。为了防止这种情况我只是想说清楚，我正试图在手机浏览器上实现与pc版本相同的外观问题似乎出在浏览器上，我如何强制文本采用div的全宽？我尝试将p标签设置为100%，但没有成功 div必须具有该宽度并与页面左侧对齐 *更新1:我在galaxy s4上尝试了以下代码（以前在s2上尝试过），但在o

有人知道这里发生了什么吗？我在opera、dolphin和factory android浏览器上进行了测试。（尽管它现在似乎正在制作歌剧）

div不会改变大小，但文本会以某种方式缩小以适合div的一部分。为了防止这种情况

我只是想说清楚，我正试图在手机浏览器上实现与pc版本相同的外观

问题似乎出在浏览器上，我如何强制文本采用div的全宽？我尝试将p标签设置为100%，但没有成功

div必须具有该宽度并与页面左侧对齐

*更新1:我在galaxy s4上尝试了以下代码（以前在s2上尝试过），但在opera mini和dolphin上也出现了相同的错误。可以使用在线可视化错误，您只需在某个地方托管html文件

*更新2:我认为问题存在，因为当加载网页时，它以正常大小（像素）加载，因此段落只占页面的一小部分。然后，页面缩小，使所有内容都适合页面，但文本不会扩散，而是停留在最初的小空间中

在Pc上，应该是：

我尽可能地缩减代码：



随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本
随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本
随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本
随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本
随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本
随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本
随机文本随机文本。




随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本随机文本
随机文本随机文本随机文本。




随机文本随机文本随机文本随机文本随机文本
随机文本
随机文本。

谢谢。

添加

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

转到您的页面

下面是一篇关于viewport meta标记的好文章：

最好开始应用HTML5和正确的doctype:

<!DOCTYPE html>

然后调整视口，以便可以应用它：

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

我没有Opera Mini要测试，但根据兼容性表，它应该可以工作。

这可能是Webkit中的文本缩放功能尝试添加css：

{-webkit文本大小调整：100%；}

或

{-webkit文本大小调整：无；}

移动web浏览器自动缩放页面，以便用户可以更清晰地看到文本。如果要防止文本缩放，请在

中添加此代码：

在Droid Razr（Droid OS 4.1.2）-股票浏览器上，我遇到了与此几乎相同的问题。结果是浏览器本身出了问题——设置被破坏了或是别的什么转到设置>高级>重置为默认值>确定修复了问题。

我在使用

text-align: center;

text-align: left;

一切都很好，但是当我使用

text-align: center;

text-align: left;

文本缩小（Android 4.1浏览器）

需要进一步研究…

尝试以相对单位（如%）指定宽度

如下：

宽度：100%；对于第一个div和..

宽度：75%；对于它里面的div

上面的代码在Safari Mobile和Android浏览器上对我来说很好。@MattCoughlin谢谢Matt。我应该说我在安卓系统上试过这个代码，在iPad2和安卓2.3股票浏览器（摩托罗拉Droid2全球版）上试过，没有问题。你用的是哪种Borwser？他们没有安装一些异国情调的插件吗？@ern0没有插件。股票安卓，海豚，歌剧迷你。它可以在opera和chrome上运行。试着缩小，以确保它的工作。我会研究这个多一点。我试过了，它放大了内容的位置，所以最初我看不到空白，但是底部有一个滚动条。简单地放大，我可以看到DIV的空白部分仍然存在。这对我来说是一个问题，我在那个div之后有了内容。我的问题的链接已经打开了，只需点击“opera mini”。谢谢你的回答，但它似乎不起作用。这里发生的事情不太清楚，但你是对的，在opera上，有一个名为“包装文本”的选项，当更改为“不”时，会更改结果，在dolphin上，它被称为“自动调整内容”。因此，这确实证实了浏览器的问题，我如何确保内容100%交付到页面上？适用于opera、stock android和chrome，但不适用于dolphin