Kyl*_*Yeo 5 html css android media-queries
我有一个项目,在iPhone上的0.5个链接显示16px文本字体完全没问题.
但是,当我切换到Android浏览器时,文本字体会自动扩大,我的链接定位会被搞砸.
我的链接在
<p><a>[Link]</a></p>
Run Code Online (Sandbox Code Playgroud)
声明.
有没有办法阻止Android文本调整大小?或者有更好的解决方案吗?
编辑:
我刚刚意识到Android浏览器也不允许自动滚动.为什么会这样?使用webkits作为基础的iPhone和Android浏览器都不是吗?即使他们使用相同的技术,为什么他们如此不同?是否有任何额外的属性我应该在CSS中声明它是否与Safari对应物一样工作?
我也有类似的问题。我有一个专门为视网膜显示屏设计的设计,但视网膜显示屏的像素密度实际上为2,因此像素不一定是像素(非视网膜iphone像素宽度:320px,视网膜:640px)。
为了解决这个问题,我将其放入<head>:中<meta name='viewport' content='width=device-width, initial-scale=.5, maximum-scale=.5'>,以便普通手机将按照我的预期进行缩放,并且视网膜显示屏将适当缩放(半比例)。
我不确定你使用的是哪种设计,但我会尝试一下初始比例和最大比例,尝试 0.5 和 1,看看你会得到什么。