ipad scaling problem in non-viewport 1:1

Source: Internet
Author: User

1. The minimum will be 980 width, less than 980 should be set viewport

When the 2.fix element uses 100% to specify the width, the default will be 980 as the size, you can choose to set the width when given with the page zoom, or set the body 100% (the trigger width when the body is scaled)

3. The body of the root element sets the Max,min value when there is no background positioning layer

4. root element body when there is a background positioning layer (implementation requires a hidden layer and a non-hidden layer)

  • Overflow management of the element management itself wide, directly in the location layer to add the parcel layer absolute positioning, and set the specified width 100% + N, the Min,max can be set on the body.
  • Invalid operation on body, the location layer overflow content is still displayed.
  • Set the wrapping layer inside the body, set the Max,min value with the wrapping layer, the automatic overflow scrolling occurs, the layer is managed by the wrapping layer, and the overflow is hidden. (The relative layer has height, can automatically expand the display area)

ipad scaling problem in non-viewport 1:1

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.