Colorbox fluid布局仅适用于移动设备
Colorbox fluid布局仅适用于移动设备
提问于 2014-06-05 22:29:55
我需要有静态宽度的彩盒窗口(它实际上是动态的-取决于css指定的宽度或图像的实际宽度等)除了手机版。我在做响应式网站。当我调整浏览器窗口的大小时，它总是有固定的宽度，但当我在移动设备上时，colorbox窗口比broser窗口更宽-它不会调整大小以适应浏览器窗口屏幕。我应用这一点：
$(window).on('resize', function(){
$.colorbox.resize({width: '100%'});
});这是有帮助的，但是如果我返回到非移动设备，或者当我调整浏览器窗口大小时，它仍然是100%。但在这一点上，我想返回colorbox窗口，使其具有与以前一样的静态宽度。请记住，以前的宽度是基于内容宽度(图像宽度)或css指定的宽度。
你知道怎么做吗？
谢谢
回答 1
Stack Overflow用户
发布于 2014-06-10 09:50:51
为什么当用户调整窗口大小时，你只希望颜色盒是100%的宽度？请注意，您在JS中所做的没有检测用户是否在移动设备上。
看起来你应该使用媒体查询。点击此处阅读更多信息：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24062919
复制相关文章
相似问题
腾讯云开发者
