How to allow a site to automatically zoom when browsing at certain resolutions

Source: Internet
Author: User
The width of the main part of my website is 960px,
In the ordinary notebook, the normal display of the effect is no problem,
But in the small screen, high resolution, such as surface3 above the time to see
There is a lot of white left on both sides.
Zoom the page to 140% on the device, and the effect is the same as a normal display.
Because of this kind of equipment, the use of the present is very few,
So want to ask, how should let such device visitor, can automatically zoom to 140% display?

Reply content:

The width of the main part of my website is 960px,
In the ordinary notebook, the normal display of the effect is no problem,
But in the small screen, high resolution, such as surface3 above the time to see
There is a lot of white left on both sides.
Zoom the page to 140% on the device, and the effect is the same as a normal display.
Because of this kind of equipment, the use of the present is very few,
So want to ask, how should let such device visitor, can automatically zoom to 140% display?

Find a responsive plan,
The vast number of the market,
My blog uses the pure CSS of Yahoo, only 2 kinds of cases. Can actually be divided into finer points.


  
   

Use with CSS media query.

@media (max-width: 1024px) {    html {        font-size: 22px;    }}

The agency uses REM:

body {    max-width: 60rem;}

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.