我正在使用iFrame Colorbox(http://jacklmoore.com/colorbox/),我需要让它“响应”。 现在我已经将宽度设置为90%并且它可以工作但是在一定大小之后我不希望它再扩展,无论屏幕大小如何。我想将最大宽度设置为1200px。
我该怎么做?
答案 0 :(得分:8)
您是否尝试过maxWidth属性?您可以将它与width属性结合使用以设置最大大小。示例:$('a.example').colorbox({width:'90%', maxWidth:1200});
答案 1 :(得分:0)
我刚做过类似的事情...下面是适用于iPhone / Android的。根据内容需要进行一些调整,但这是你的开始。
@media screen and (max-width: 480px), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min--moz-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
#colorbox, #cboxWrapper, #cboxContent { width:320px !important; }
}