Maison > interface Web > tutoriel HTML > 如何等比例缩小整个网页?_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 12:25:24
original
3552 Les gens l'ont consulté

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


回复讨论(解决方案)

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

尺寸全部设置为100%试试

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

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

用百分比就行了涩

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

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal