增加或减少网站大小答案

【问题标题】：Increase or decrease website size增加或减少网站大小
【发布时间】：2012-04-18 21:12:06
【问题描述】：

所以，我创建了这个网站 (lemiart.com)，根据图像高度（如果它太大），用户必须向下滚动才能查看整个图像，特别是在使用低分辨率的计算机时。我想做的是在网站上实现一个按钮，这样用户就可以点击它，网站就会变小，就像减少浏览器的缩放一样。但我想实现它，这样用户只需单击它并缩小它，而无需访问浏览器配置。

你知道如何实现它吗？

提前致谢

【问题讨论】：

我认为最好的方法是将 CSS 中图像的默认（最大）高度设置为合理的值，我不知道，可能是 450 像素或其他值。然后从网上下载一个预先写好的javascript，当你点击它时，它会在弹出的div中显示完整的图片，我相信有很多免费的代码文件可用，效果会比你可以写的任何合理的数量都要好时间。
主要问题是我已经为图片中700像素的固定宽度制作了网站。我不想改变图像宽度，只允许用户放大或缩小，这取决于他的需要。原因是只有少数图片不好看，所以我不想为了让这几张更好看而全部更改。

标签： html web size resolution

【解决方案1】：

您所描述的内容听起来像是“响应式网页设计”。与其让用户发起交互（单击按钮）来缩放或调整站点和图像的大小，不如考虑添加一些 JQuery 或其他检测浏览器尺寸的工具，并自动重新配置页面。这是针对多个平台（PC、手机、平板电脑等）进行设计时的常用方法。

Check out this presentation

【讨论】：

是的，它看起来像我要找的东西，但它似乎有点复杂。你认为有没有办法用按钮让网站变小？
并非如此。无论如何，用于检测浏览器大小和重新调整页面元素大小的 javascript 代码都是相似的，唯一的问题是它是在单击按钮时启动，还是在页面加载时自动启动。没有任何跨浏览器内置功能可以自动处理此问题

【解决方案2】：

您可能想查看一些适用于 jquery 的灯箱插件。

Fancybox(http://fancybox.net/) 是我用过的一个，非常好。有了这些，您可以在网站上显示较小的图像，然后使用灯箱放大到较大的图像。

【讨论】：

这是一个很好的选择，但我想先尝试放大和缩小。我不喜欢单击图像以更大比例查看它的想法。我认为该网站的主要思想是向下滚动并欣赏“艺术”。如有必要，将其缩小并缩小。
我认为你也必须考虑人们如何使用互联网。人们习惯了“画廊”的想法，并乐于点击查看更大的版本。在某些方面，您尝试做的事情似乎违反直觉-无论如何对我来说-但它是您的网站。您可能会发现其中一些也很有用：stackoverflow.com/questions/2207508/…