为什么我的100%宽元素变成30000px+宽时使用css3- mediaqueres .js
Why does my 100% wide element become 30000px+ wide when using css3-mediaqueries.js?
下面是一个JSFiddle来说明这个问题:
http://jsfiddle.net/TKX9j/3/(function($) {
var foo = $('#foo');
foo.css('width', "").css('width', foo.width());
foo.text('This is '+foo.css('width')+' wide.');
})(jQuery);
正如你所看到的,我依赖于重置和获得元素的宽度,但我得到了一个巨大的数字。为什么?当我在左边设置onLoad
时,它不会发生。No wrap - in <head>
不相关。我等不及在我的生产代码中出现onLoad
了。
我用这个:http://code.google.com/p/css3-mediaqueries-js/
这是因为浏览器还没有确定元素的宽度,所以它可能只是返回一些垃圾值。
如果可能的话,试着在CSS中设置一个默认的宽度,那么你将在onLoad事件之前得到这个大小
相关文章:
- 关键帧之间的css3动画延迟
- 尝试创建一个具有z-index的堆叠菜单'使用HTML5/CSS3/JS
- 计算CSS3缩放框在另一个框中的最高位置
- 打开相对于鼠标位置的CSS3/HTML5模式对话框
- 下降区内的CSS3过渡
- 访问css3动画的关键帧
- CSS3:当页面向下滚动到第一个视口时,是否可以在元素上触发转换
- css3转换和javascript出错
- CSS3动画图像质量按比例
- CSS3卡翻转动画,检测是否不支持
- HTML5、CSS3和/或JS中旋转CD上的音频播放器
- jQuery鼠标输出调用CSS3动画
- 使用带有onclick事件的Javascript启动CSS3动画
- Jquery and CSS3 Rotation
- 仅限滑动图像css3或需要javascript
- 如何在不使用css转换的情况下将jQuery animate与css3属性相结合
- DIV不会与实验性CSS3菜单一起定位
- JavaScript应用CSS3渐变
- 如何在 css3 中创建活动按钮
- 为什么我的100%宽元素变成30000px+宽时使用css3- mediaqueres .js