浏览器调整大小后的对象位移(CSS媒体查询)

时间:2014-02-16 18:07:28

标签: css media-queries

在调整浏览器窗口大小后,我的导航位置出现了一个非常奇怪的问题。解释它的最好方法是展示我的想法。

调整宽度后< 600px并返回宽度> 600px的: https://www.dropbox.com/s/kjwbx85atcgcedu/Screen%20Shot%202014-02-16%20at%2018.57.50.png

实时版(自页面尚未制作以来的404页): http://lakitna.nl/responsive/?p=About

此问题发生在Chrome中。在野生动物园中,位移是不同的,但也存在。其他浏览器尚未经过测试。

我在HTML标题中使用媒体查询:

<link rel="stylesheet" href="css/global.css"    type="text/css" media="only screen" />
<link rel="stylesheet" href="css/style600.css"  type="text/css" media="only screen and (max-width: 600px)" />
<link rel="stylesheet" href="css/style1024.css" type="text/css" media="only screen and (min-width: 601px) and (max-width: 1024px)" />
<link rel="stylesheet" href="css/stylefull.css" type="text/css" media="screen and (min-width: 1025px)" />

你知道问题是什么和/或它来自哪里?我根本不知道在哪里看。

0 个答案:

没有答案