Html 增加或减少网站大小

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

有没有关于如何实施的想法

---

提前感谢

您所描述的内容听起来像是“响应性网页设计”。与其让用户启动交互（按钮点击）来缩放和调整站点和图像，还可以考虑添加一些jQuery或其他工具来检测浏览器维度，并自动重新配置页面。在设计多个平台（PC、移动设备、平板电脑等）时，这是一种常见的方法

---

您可能想看看jquery的某种lightbox插件

---

幻想箱(http://fancybox.net/)这是我用过的一个，非常好。有了这些，你可以在网站上创建一个较小的图像，然后使用lightbox缩放到biiger图像。

我认为最好的方法是将CSS中图像的默认（最大）高度设置为一个合理的值，我不知道，可能是450px或其他什么。然后从网上下载一个预先编写的javascript，当你点击它时，它会在弹出的div中显示完整的图片，我相信有很多免费的代码文件可用，效果会比你在合理的时间内写的任何东西都好。主要的问题是，我已经为固定宽度的700像素的图片制作了网站。我不想更改图像宽度，只允许用户根据需要放大或缩小。原因是只有几张图片看起来不好，所以我不想为了让这几张看起来更好而改变所有的图片。是的，看起来像我要找的，但看起来有点复杂。你认为有没有一种方法可以通过按钮使网站变小？其实没有。用于检测浏览器大小和重新调整页面元素大小的javascript代码将是相似的，无论发生什么情况，唯一的问题是它是在单击按钮时启动，还是在加载页面时自动启动。没有任何跨浏览器内置的功能可以自动处理这一问题。这是一个很好的选择，但我想先试试放大和缩小。我不喜欢点击图像以更大比例查看的想法。我认为网站的主要思想是向下滚动，欣赏“艺术”。如果需要的话，缩小和缩小它。我认为你必须考虑人们如何使用互联网。人们已经习惯了“图库”的想法，并乐于点击查看更大的版本。在某些方面，你试图做的事情似乎违反直觉——无论如何，对我来说——但这是你的网站。您可能会发现其中一些也很有用：