2020 Screen Resolution - desktop vs tablet vs phone

[Egg Bramhill]

Behzad, the settings may be ideal for yourself but how about your visitors? My desktop has the resolution of 1680 x 1050 px. However I rarely view websites full-screen, but prefer to use a browser window of half to a third of the screen size.Why? I find on websites set to a width of over approx 1000px the text extends too wide to the exteremes of the web page which makes scanning multiple long lines of text uncomfortabe and following onto the next line difficult, often re-reading the same line or skipping the next line.

So in your example 1130px wide desktop site, when I open it in my preferred browser width size (approx 1014px wide) not all the page content is visible and the browser has the horrible horizontal scroll bar. I therefore need to resize my browser window to view all the content. Not ideal.

[Egg Bramhill]

Following on from that, this is where 'Scale to Width' comes to the rescue. Here's a mock-up of part of your site using 'Scale to Width'. Notice regardless of the visitors browser size it accomadates the browser width to fit the content, so no horizontal scroll bars and no reason for the visitor to resize their window to fit the content

LINK

[pauland]

Following on from that, this is where 'Scale to Width' comes to the rescue. Here's a mock-up of part of your site using 'Scale to Width'. Notice regardless of the visitors browser size it accomadates the browser width to fit the content, so no horizontal scroll bars and no reason for the visitor to resize their window to fit the content

LINK

Great job with that. A big improvement.

For a moment I thought it was a responsive site!

[behzad]

All praise to scale to width then

[behzad]

Egg I have taken your suggestion and did the fit to screen and the slider and footer is cut off now to the width of 1130 which I have specified.
See link here

Also as I had explained in other thread with fit to screen, the mobile version loads to the left side and then when fully loaded expands to cover the whole page.

[letsgofishing]

Egg I have taken your suggestion and did the fit to screen and the slider and footer is cut off now to the width of 1130 which I have specified.
See link here

Also as I had explained in other thread with fit to screen, the mobile version loads to the left side and then when fully loaded expands to cover the whole page.

The magenta background at max size is rather lively! But I think the resizing works perfectly.

[behzad]

Oh LOL, I did that so I can see if there is any items on that area that may be producing the issue. It should be white, but like I have mentioned the stupid image slider by xara gets cut off with the feature of fit to screen.

[letsgofishing]

All praise to scale to width then

+1

I find it definitely helps.

[Egg Bramhill]

Yes Bezhad that's far better. As Paul states it's more like but in my opinion better than a responsive site. I'll have a look at the other thread mentioned.