Page pages adapt to different client browsers and resolutions

Source: Internet
Author: User

Said last time "the big screen browsing page's good experience, originally should the user adjust the window by oneself." ”

Depending on the size of the screen, reducing the window out of the horizontal scroll bar is inevitable, but ideally, the page should be able to adapt to different client browsers and resolution. The actual operation usually has three kinds of situations: the layout is adaptive, the vision is adaptive, the content is adaptive.

Right-click in the space in the Windows system taskbar, with a menu of "tile Windows horizontally, tile Windows vertically", and split the screen on demand according to the number of active windows. If I remember correctly, I have used it since Win2000, and I haven't tried it earlier. Although the display we use is only 17, but it is convenient to work in a multi window.

The layout of adaptive

Information architects Japan in 06 proposed web design 95% is the view of typesetting, if accurate understanding, refers to the part of the information architecture under the "Information Design" category, commonly known as typesetting. Because we all understand that web design in a broad sense depends not only on the dynamic, but also on a large framework of knowledge to support.

The advantage of Web typesetting is the flexibility of data, which can theoretically be implemented to maintain only a single page, and then achieve multiple typesetting performance through web technology. In the practice of getting a bit of information design basis, then look at this problem, deep feeling.

In reality, the more important page modules, the greater the difficulty of typesetting. For example, the portal home page, I rarely see the adaptive, probably Yahoo Web site has opened a precedent. Using the narrow layout and wide layout two modes respectively, adapting to the 800 and 1024PX resolution, analyzing and outputting according to client request, that is, the self-adaptive is realized on the basis of customization.



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.