首页 > web前端 > html教程 > 如何等比例缩小整个网页?_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-24 12:25:24
原创
3549 人浏览过

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


回复讨论(解决方案)

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

尺寸全部设置为100%试试

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

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

用百分比就行了涩

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

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板