-1

Here the pictures of the Mobile browser (Desktop Site) and Computer browser at the same width. It is not giving me the same result.

Here the pic that is set to 980px on mobile browser desktop site: [image 1]

And here the whole pic of the page on mobile [image 2]

And this is the last image on computer browser [image 3]

And here it is hosted check it - click here

m-naeem66622
  • 425
  • 1
  • 5
  • 16

2 Answers2

0

You can set the width or height in % not by px, another method using css here documentation: [@media method] [1]: https://developer.mozilla.org/es/docs/Web/CSS/Media_Queries/Using_media_queries

Christopher
  • 1
0

I depends on what you want to accomplish. Responsive means that it will look good on all devices, not necessary the same. Even if the resolutions are the same, the mobile screen is smaller.

I can't see you site on that link, maybe you were logged in or something. But it has to do with how background-size was handled on <body> element, and I assume it is set to cover.

You can take a look here and play a bit: https://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

Dharman
  • 30,962
  • 25
  • 85
  • 135
Sebastian Tibichi
  • 271
  • 1
  • 10