Home > Web Front-end > HTML Tutorial > How to make the following web page: zoom the browser window, and the size of the text and pictures in the web page will be scaled accordingly_html/css_WEB-ITnose

How to make the following web page: zoom the browser window, and the size of the text and pictures in the web page will be scaled accordingly_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:19:59
Original
1964 people have browsed it

Website: http://www.razri.com/ar/#/
Don’t understand how this page is made? When the browser window is zoomed, the content inside will also zoom. Once the zoom reaches a certain level, it will no longer zoom.

How do you do it?


Reply to discussion (solution)

This should be composed of many divs. When the mouse is pulled to the left, the mouse position is recorded, and then the div is dragged to the mouse Location! This makes it look like a mobile phone. Besides, this itself is the official website of a mobile phone! , which is actually useless!

It’s very simple, you can do it with CSS instead of JS. Just search for articles on the use of "CSS relative length units".

It’s very simple, you can do it with CSS instead of JS. Just search for articles on the use of "CSS relative length units".
Can I also set the length of the image?

allows you to set the width of the image. The length is automatically converted.

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template