如何等比例缩小整个网页？_html/css_WEB-ITnose

我有一个网页，里面的内容就是一幅图片和一个按钮，我希望判断得到这幅图片的高和移动设备屏幕的高，然后等比例缩小整个网页，使得图片正好能完全显示在屏幕中，该如何实现？
直接设定图片的宽高什么的就算了，我是为了截图，直接设定图片宽高的话截图得到的根本不是自己选中的区域。

回复讨论(解决方案)

用js计算浏览器的高宽后再用js设置图片的width  button的style试试

尺寸全部设置为100%试试

图片用百分比设置就可以了。。。

css不是有放大缩小功能吗? zoom

用百分比就行了涩

相对布局，用百分比设置宽度和高度大小

你有看截图用的函数吗？其中有四个参数，分别是起始横坐标、起始纵坐标、宽度和高度。你想把图片在屏幕上完全显示，首先判断它是宽图片还是高图片。因为图片下方要留出裁剪按钮，如果是宽图片，那么在标签里用width=100%；如果是高图片，在标签里用width=90%。然后把传给截图函数的四个参数调整一下就可以了。