Do you usually is how to deal with, the entire page needs to be a piece of covered with background, and not make the image distortion, background - size: cover; Background - size: 100% 100%; Not above similar processing method, the above can be covered, but also distorted images,

CodePudding user response:

1. The picture is too small, can only change the picture
Will be a picture of a 100 x 100 px covered the entire screen is sure to distortion,

2. If you don't mind repeating, can use background - repeat: repeat;

CodePudding user response:

What is distortion? It also depends on the client of the screen resolution,
Image size can not meet the screen resolution will not say, will certainly be distortion (pictures are automatically zoom in, not enough pixels)
, in turn, such as your mobile phone to open the page (assuming that the picture is 1980 * 1200), the image must be reduced, the inside of the words are likely to see not pure, the calculating do not calculate distortion?

CodePudding user response:

reference 1st floor Logerlink response:

1. The picture is too small, can only change the picture
Will be a picture of a 100 x 100 px covered the entire screen is sure to distortion,

2. If you don't mind repeating, can use background - repeat: repeat;

is a picture of a content, cannot be stretch, this need background when the entire web page, not a good solution?

CodePudding user response:

refer to the second floor qybao response:

what is distortion? It also depends on the client of the screen resolution,
Image size can not meet the screen resolution will not say, will certainly be distortion (pictures are automatically zoom in, not enough pixels)
, in turn, such as your mobile phone to open the page (assuming that the picture is 1980 * 1200), the image must be reduced, the inside of the words are likely to see not pure, the calculating do not calculate distortion?

is not only detect the screen resolution, in different background

CodePudding user response:

Picture is not big enough, you again not to stretch, also covered, you run to the cattle and not to the cows eat grass, much too much

CodePudding user response:

reference 4 floor qingwadaxia_1 response:

Quote: refer to the second floor qybao response:

what is distortion? It also depends on the client of the screen resolution,
Image size can not meet the screen resolution will not say, will certainly be distortion (pictures are automatically zoom in, not enough pixels)
, in turn, such as your mobile phone to open the page (assuming that the picture is 1980 * 1200), the image must be reduced, the inside of the words are likely to see not pure, the calculating do not calculate distortion?

is not only detect the screen resolution, in different background

if there is more than the background images of different resolution, you can do it

CodePudding user response:

Find a practical reference for using this website to know,
The most stupid way is to get a high resolution images, such as taobao login page,
https://login.taobao.com/member/login.jhtml

Generally excellent graphic designers have been considering this situation, so in one direction is a gradual change to the pure color, so the large screen beyond the part shows the background of images, and the background color just is the final color image gradient, and the part of the background looks just like the picture, jingdong login page, for example,
https://passport.jd.com/new/login.aspx? ReturnUrl=https%3A%2F%2Fwww.jd.com % 2 f

CodePudding user response:

Or you find a vector diagram (this is magnified distortion), vector drawing more apparent is compared commonly simple, should do not conform to the requirements,

How do you remove this problem is equivalent to Mosaic, can make some ai algorithms, one thousand really can come up with something which have to ok is the peak of life, marry Bai Fu beauty, future depends on your algorithm on the movie

CodePudding user response:

The whole picture

CodePudding user response:

Pictures on you want to put the position, such as center, align right, pictures, put much, pictures don't set high, wide other back scenery,

So we usually operations page is the web side fixed minimum width, graphic design can design according to the minimum width, other back view

CodePudding user response:

refer to fifth floor response: don't you go to sleep early hair loss

the picture is not big enough, you again not to stretch, also covered, you run to the cattle and not to the cows eat grass, a little too much.

images can be any size, how many size right?

CodePudding user response:

d hand reference 7 floor response:

find a practical reference once know in this web site,
The most stupid way is to get a high resolution images, such as taobao login page,
https://login.taobao.com/member/login.jhtml

Generally excellent graphic designers have been considering this situation, so in one direction is a gradual change to the pure color, so the large screen beyond the part shows the background of images, and the background color just is the final color image gradient, and the part of the background looks just like the picture, jingdong login page, for example,
https://passport.jd.com/new/login.aspx? ReturnUrl=https%3A%2F%2Fwww.jd.com % 2 f

they this is good, at least a fixed height, we need to do is wide high hundred adaptation, the entire page

CodePudding user response:

I know what you mean, the question now have content on both left and right images, is that can't be stretching,

CodePudding user response:

A background of SVG, anyway, I didn't try

CodePudding user response:

On the 14th floor ivens0011

reference response:

, a background of SVG, anyway, I didn't try

cannot, artists to design drawings, I experience a lot of it, first encountered this kind of situation,,,