我在很多网站上遇到过这个问题。基本上,全球范围是这样的:
- 网站应适应所有不同的窗口大小
- 用户使用键盘或鼠标
在其中导航
- 页面的所有不同部分已经存在(隐藏)或通过Ajax加载(无网址更改)
- 某些元素(如图片)需要保持原始宽高比
- 某些元素(如段落)具有固定宽度,但没有已知高度(自动)
- 加载网站时,只显示第一部分。
现在,我试过这个:
- 在init上保存所有元素的原始宽度和高度:由于未加载图像而失败...
- 在加载时保存所有元素的原始宽度和高度:这会增加不需要的延迟
- 混合使用两个第一个解决方案,在文本的初始化,图像加载时:这可以按照需要工作,但前提是元素是可见的,而且他的所有父母都是。
- 在调整大小时,显示全部,调整大小,隐藏那些需要隐藏的内容......这会滞后于所有浏览器。
- 在调整大小停止时(最后一次调整大小事件后50毫秒):这会阻止所有单个调整大小事件的动画流。
所以,这将我们带到问题标题......
任何人都有这种情况吗?