Html 元件定位不正确
我第一次去看幻灯片时,幻灯片的位置(使用JQuery cycle插件开发)都搞砸了,如下所示: 如果我随后刷新页面,它将正确显示,如下所示: 如何确保此页面在第一次查看时正确显示?与其他浏览器相比,Chrome浏览器的错误布局似乎更为常见,不过从上面的屏幕截图可以看出,其他浏览器也会出现这种情况 谢谢,Html 元件定位不正确,html,css,positioning,Html,Css,Positioning,我第一次去看幻灯片时,幻灯片的位置(使用JQuery cycle插件开发)都搞砸了,如下所示: 如果我随后刷新页面,它将正确显示,如下所示: 如何确保此页面在第一次查看时正确显示?与其他浏览器相比,Chrome浏览器的错误布局似乎更为常见,不过从上面的屏幕截图可以看出,其他浏览器也会出现这种情况 谢谢, 不要向图像添加宽度和高度属性 我猜JavaScript会在加载图像之前激活,然后它会进行一些快速计算以获得所需的尺寸,并将其锁定到位;所有这些都是在加载图像之前发生的,因为没有宽度或高度属性
不要向图像添加
宽度和高度属性
我猜JavaScript会在加载图像之前激活,然后它会进行一些快速计算以获得所需的尺寸,并将其锁定到位;所有这些都是在加载图像之前发生的,因为没有宽度
或高度
属性,所以尺寸会出现偏差。在重新加载时,图像将从浏览器缓存中出来,以便在JavaScript运行时知道尺寸
您的JavaScript在DOM就绪时运行,而不是在每件事情都已完全解析和加载时运行。您也可以尝试将幻灯片绑定到事件,而不是document.ready
你在Chrome中看到的比其他浏览器更多,因为Chrome速度非常快,这就放大了时间问题。我看过你的网站,但没有遇到问题。:(如果你有chrome浏览器,你能试试吗?