如何禁用ul li链接放大android chrome

时间：2014-02-18 06:31:21

标签： android google-chrome hyperlink zoom

如何在html / js / css代码中禁用Android chrome中的链接缩放工具。

  <ul id="dropdown_address_block">
    <li> <a href="map_all">Все мастерские на карте</a> </li>
    <li><a href="vo17line">В.О. 17-я линия, 66 (24 часа)</a> </li>
...
    </ul>

link zoom

2 个答案:

答案 0 :(得分：2)

你可以做几件事：

  1. 确保您拥有视口
  2. 增加可触摸区域（即增加字体大小）
  3. 将元素与元素周围的边距分开，以便Chrome清楚地了解您点击的内容

    4. 在较高级别，我尝试解释Chrome在确定是否应处理点击或是否应显示放大镜时所做的事情：http://mobile-ux.appspot.com/#31但可归纳为：

    • 在用户点按的位置创建点击目标框
    • 在点击
      • 周围添加一个更大的边界框
    • 查找带有边界框的所有目标
    • 将每个元素评分为接近
    • 找到最近的
    • 将得分与所有元素进行比较
    • 如果＆gt; 1个元素附近然后显示放大镜

    实施

答案 1 :(得分：2)

您必须添加此元标记：

<meta name="viewport" content="user-scalable=0, width=<your_width>, minimum-scale=1.0"></meta>

进入您网页的<head>部分。 您必须根据布局进行更改：如果您的页面应根据特定的布局/文档尺寸进行渲染，则必须声明显式布局宽度（即：width = 1024）。 如果您的布局应该适应设备屏幕分辨率，则必须设置： width=device-width。

同样重要的是要强调，user-scalable部分的可接受值对于Android来说是[0,1]（来自api 16级，如果我没有错），对于iOS则是[yes，no]。

相关问题
最新问题