Welcome to TalkGraphics.com
Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 23
  1. #11
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    11,991

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    Quote Originally Posted by Chris M View Post
    I wrote that nearly a month ago. Just before I turned invisible
    Who just said that?

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  2. #12
    Join Date
    May 2002
    Location
    Canada
    Posts
    2,681

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    Here is a chart I use for mobile and tablet. (https://www.mydevice.io/) Remember some people will flip the phone or tablet therefor you have to take into account what will display at what res.
    What I have been sucessful with is 700 for mobile and 1130 for desktop and tablet. I did not use the fit option in the following site.
    See link


    So as Chris was saying, if you do your mobile at 480, anything after 480 to 960 or if he goes to 1100 will be shown in mobile version. Which for me was not ideal, specially if they use a tablet and having the hamburger menu show up. Again you can see the chart info link I provided.
    My ideal testing res. so far without any issue is 700 mobile 1130 desktop without the stretch to fit option. Just my 2cents. But now the new iphone x viewed horizontally is set to 812. I am sure the numbers will keep going up. I was told not many view wesbsites sideways on their phone. Not sure how correct that is.
    Last edited by behzad; 07 September 2020 at 12:55 PM.
    www.designfacet.com
    Owner/Creative Director at DesignFacet

    Xara Designer Pro X17



  3. #13
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,907

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    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.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	export.png 
Views:	12 
Size:	28.6 KB 
ID:	127812  
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Quadro 2000 Graphics Card + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 17 + Xara 3D Maker 7

  4. #14
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,907

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    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
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Quadro 2000 Graphics Card + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 17 + Xara 3D Maker 7

  5. #15
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,400

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    Quote Originally Posted by Egg Bramhill View Post
    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!

  6. #16
    Join Date
    May 2002
    Location
    Canada
    Posts
    2,681

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    All praise to scale to width then
    www.designfacet.com
    Owner/Creative Director at DesignFacet

    Xara Designer Pro X17



  7. #17
    Join Date
    May 2002
    Location
    Canada
    Posts
    2,681

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    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.
    Last edited by behzad; 09 September 2020 at 02:56 AM.

  8. #18
    Join Date
    Oct 2010
    Location
    South Africa
    Posts
    659

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    Quote Originally Posted by behzad View Post
    All praise to scale to width then
    +1

    I find it definitely helps.

  9. #19
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,907

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    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.
    Egg

    Intel i7 - 4790K Quad Core + 16 GB Ram + NVIDIA Quadro 2000 Graphics Card + Samsung 970 EVO Plus 500GB SSD + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 17 + Xara 3D Maker 7

  10. #20
    Join Date
    Oct 2010
    Location
    South Africa
    Posts
    659

    Default Re: 2020 Screen Resolution - desktop vs tablet vs phone

    Quote Originally Posted by behzad View Post
    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.

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •