Heim >Web-Frontend >HTML-Tutorial >下面这个网页是如何做的:缩放浏览器窗口,网页中文字、图片大小跟着缩放_html/css_WEB-ITnose

下面这个网页是如何做的:缩放浏览器窗口,网页中文字、图片大小跟着缩放_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:19:591961Durchsuche

网址:http://www.razri.com/ar/#/ 
不明白这个网页是怎么做的?缩放浏览器窗口时,里面的内容也会跟着缩放。缩放到一定程度就不再缩放了。

请问是怎么做的?


回复讨论(解决方案)

这个应该是用一个很多div组合的,当鼠标向左拉的时候,则纪录鼠标位置,然后div被拖到鼠标位置!从而形成手机似的,再说,这本身就是一个手机的官网!,实际没什么用的!

很简单,不用JS,用CSS就可以实现。搜一下“CSS相对长度单位”的使用文章就知道了。

很简单,不用JS,用CSS就可以实现。搜一下“CSS相对长度单位”的使用文章就知道了。
也能给图片设置长度吗?

是可以给图片设定宽度。长度跟着自动转换。

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn