2

这让我抓狂(一段代码胜过 1000 字):

<html>
<head>
  <meta name="viewport" content="width=device-width;" >

  <style>
    html, body {
      width:100%;
    }
    p {
      width:100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  </style>

</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</body>
</html>

您可以在这里在线查看(如果您想在手机上测试它很有用):
http ://enriquepiatti.com/tests/test_ellipsis.html

Android 不尊重视口元数据上的设备宽度!
为什么????
它支持省略号和 nowrap,因为如果我们添加“user-scalable=no;” 到视口元然后一切正常,在这里自己测试:http:
//enriquepiatti.com/tests/test_ellipsis_noscale.html

我不明白为什么,这是一个错误?
我不想将缩放功能限制在用户身上。
现在这是我的解决方法:添加 minimum-scale=1.0; 到视口

这对我来说已经足够好了,但我不知道这是否是一个 Android (2.1) 错误,或者我做错了什么,或者这是否也发生在其他移动设备上(并且修复最小规模不会在那里工作等)。

您知道解决此问题的更好更安全的方法吗?

4

0 回答 0