响应内容在首次加载时定位错误

时间:2013-07-01 21:44:51

标签: responsive-design

我的网站内容在初始加载时比预期更低。

名称和其他内容显示在页面中间,而不是顶部。

如果我抓住浏览器角落,并调整窗口大小 - 甚至稍微调整一下 - 内容会弹回页面顶部。

我不确定导致这种情况的原因。

我在Mac桌面上的Chrome / Safari / FF上进行了测试 平板电脑或智能手机上的响应是正常的

页面位于http://www.mac-works.com/dev/MG/mark3

首次加载时注意,Michael的名字位于页面中间,但是如果你抓住下角并移动 - 一切都会突然出现在它应该是的顶部

我知道还有其他一些关于响应式内容的帖子,我已经审核了20多个,但似乎没有一个帖子解决了第一次加载时未正确加载的内容,但更正了浏览器的时间调整大小。

1 个答案:

答案 0 :(得分:0)

事实证明这是var marg_top = Math.abs函数。最初设置为/ 2 - 我将其更改为/ 8将内容向上移动到顶部。

因此,如果您使用javascript的浮动内容 - 请确保您熟悉math.abs函数。

Math.abs in javascript

http://www.tutorialspoint.com/javascript/math_abs.htm