我有一个网站，上面有一些非常高的图片。我希望这些图像以响应方式水平响应，而不是垂直响应。如果它们符合浏览器的高度，它们就会变得太小而无法正常查看。
有没有一种我想念的简单方法来完成这个？
请参阅下面的示例。单击第二个缩略图“bswift”，然后单击一个灰色小方块以启动 Fancybox。 http://www.eaaronrossdesign.com/index2.php
【问题讨论】：
标签： jquery fancybox fancybox-2
尝试组合 fitToView 和 maxWidth API 选项，例如：
$('.thumbs_small').fancybox({
openEffect: 'elastic',
closeEffect: 'elastic',
prevEffect: 'fade',
nextEffect: 'fade',
fitToView: false, // images won't be scaled to fit to browser's height
maxWidth: "90%" // images won't exceed the browser's width
});
检查JSFIDDLE
【讨论】：
width 不是“流动的”，然后您想知道如果以像素为单位设置width，为什么它不起作用。设置固定宽度（以像素为单位）永远不会给你一个“流动”的宽度。如果您有任何疑问，您可能想阅读alistapart.com/article/responsive-web-design ;)
maxWidth，则只有在视口比您设置的值更宽时才可见。