> 웹 프론트엔드 > 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿