Why does the picture on the page become very small

Source: Internet
Author: User
Tags expression

A picture is an important element of a Web page, not only for decorating pages, but for many authors to use it to express the actual content. For example, friends who do design work sometimes write tutorials, and they may not have any text in their tutorials, but all the steps and content are in the picture.

Each site has a number of pictures that need to be put into the content area of the page, and these pictures are of varying sizes. Some of the size of the picture is not very good processing, such as a site's content display area width of 600px, and many PS Tutorial class picture width is often reached 1024px, or even 1280px of many. How to make the image of various sizes in the Web site according to the proportion of the appropriate site, this may be a problem for every web designer to consider. For me such a rookie level of amateur "designer", is a headache for a long time problem.

What I want is that the width of the picture can be adaptive to the width of the page. Look for some data, mainly through CSS expression or JS script these two ways to achieve this goal. As netizens say, these two ways have their limitations, but there is no better way.

Weighed it, I finally still use CSS expression, but the problem also follows: Some web images in the browser, the size becomes very small, refresh the page to show the normal size. And this situation seems to be random, the same Web page, the first time you visit the picture can be normal display, the second visit may need to refresh.

It's not a universal problem to think about what you see on other websites, but there are many sites that have this phenomenon. This phenomenon occurs because the Web page uses CSS expression, and CSS expression resource requirements are higher, in IE7, IE8 and other browsers can be normal display, but in the IE6 and its lower version of the phenomenon is easy to appear in the picture, And I just use the IE6.

This can be perceived by professional web designers and Web front-end developers of the hardships, in addition to doing development, but also need to make their own works in each version of the browser under the various brands to normal browsing. The energy expended in this process, I think can be described with painstaking effort.

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.