相关疑难解决方法(0)

我有一个移动的Web应用程序,其中包含多个列表项的无序列表,每个列表中都有一个超链接:

...我的问题是如何格式化超链接,以便在iPhone上查看时不会改变大小,并且accellerometer从纵向切换 - >横向？现在,我的超链接字体大小规格为14px,但是当切换到横向时,它会爆炸到20px.我希望font-size保持不变.这是代码:

ul li a
{
  font-size:14px;
  text-decoration: none;
  color: #cc9999;
}

<ul>
  <li id="home" class="active">
    <a href="home.html">HOME</a>
  </li>
  <li id="home" class="active">
    <a href="test.html">TEST</a>
  </li>
</ul>

我正在测试我的网站,并且在每个浏览器上工作正常,除了iphone浏览器(我认为它是移动Safari？),其中一个文本用更大的字体呈现其余部分.我已经用手检查了CSS并在页面上使用了firebug,我可以确认我已经为所有这些设置了相同的尺寸.我该如何解决？

Mobile Safari默认调整一些文本,包括<h1>和<h2>元素.我搜索SO以了解如何防止这种情况,并发现了以下问题:

iPhone的字体大小问题

旋转时防止iPhone缩放

定向屏幕更改为水平后字体大小更改

请注意,所有这些的答案是CSS属性:

-webkit-text-size-adjust:none;

这非常适合维护移动Safari上的标题和段落元素之间的相对文本大小.但是,我偶然发现了一篇刚刚发布的博文,标题为" 谨防--webkit-text-size-adjust:none:

这样做可以防止基于WebKit的浏览器调整文本大小.甚至不能使用整页缩放来调整文本大小.现在,如何防止用户调整文本大小是一个好主意？

根据Apple的Safari CSS参考(需要JavaScript),-webkit-text-size-adjust"指定用于在iOS上的Safari中显示文本内容的大小调整".

当给定值"none"时,文档指定"文本大小未调整".

现在,我把属性描述意味着不会自动调整相对文本大小,而不是文本大小无法由用户调整,但作者说他的测试显示文本确实无法在WebKit中调整指定值为"none"时的基于浏览器的浏览器.

(我目前处于无法对此进行验证的位置,但我将假设他和其他提出索赔的人都是正确的.)

所以我的问题是:如何在不牺牲可访问性的情况下控制移动Safari中标题和段落之间的相对文本大小？

我有一个项目,在iPhone上的0.5个链接显示16px文本字体完全没问题.

但是,当我切换到Android浏览器时,文本字体会自动扩大,我的链接定位会被搞砸.

我的链接在

<p><a>[Link]</a></p>

声明.

有没有办法阻止Android文本调整大小？或者有更好的解决方案吗？

编辑:

我刚刚意识到Android浏览器也不允许自动滚动.为什么会这样？使用webkits作为基础的iPhone和Android浏览器都不是吗？即使他们使用相同的技术,为什么他们如此不同？是否有任何额外的属性我应该在CSS中声明它是否与Safari对应物一样工作？