【发布时间】:2012-01-28 02:49:57
【问题描述】:
我在http://androdevlab.com/style.css 中有一个媒体部分,当在移动浏览器中查看时应该适用于http://androdevlab.com。 具体来说,徽标和主标题字体应该变得更小,但事实并非如此。
想知道为什么?
【问题讨论】:
我在http://androdevlab.com/style.css 中有一个媒体部分,当在移动浏览器中查看时应该适用于http://androdevlab.com。 具体来说,徽标和主标题字体应该变得更小,但事实并非如此。
想知道为什么?
【问题讨论】:
您的媒体查询测试(max-width: 780px),这与许多Android手机不匹配,通常报告800。要么将媒体查询更改为
@media only screen and (max-width: 800px) {
或使用max-device-width。
或者,您可以添加 HTML 元素
<meta name="viewport" content="width=device-width">
建议手机浏览器使用实际分辨率。
【讨论】: