Welcome to TalkGraphics.com
Results 1 to 10 of 10
  1. #1

    Default the logic evades me == need education


    having a hard time getting my head around this
    ie desktop page size eg 1200 x 800 \
    (yes -- odd -- But I like working in 'even numbers schemes')
    and the mobile variant size is suggested as 480 px
    BUT
    most smartphones have WAY HIGHER pixel count than most desktops
    ergo
    my smartphone never sees the mobile variant(s) I make
    I only see them when I resize the desktop browser
    (ie not full screen)
    CLEARLY
    I am missing something (somewhere)
    help ??

  2. #2
    Join Date
    Apr 2018
    Location
    London
    Posts
    183

    Default Re: the logic evades me == need education

    Here is a guide to the popular mobile resolutions in 2019: https://deviceatlas.com/blog/most-us...en-resolutions. There are many other reports, but this is a good guide.

    I use 480px and 1200px; maybe consider Export Options/ Scale-to Fit-Width with the Maximum Width same as page width. I have tested these resolutions on various mobiles including the compacts.

  3. #3
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    11,062

    Default Re: the logic evades me == need education

    Change the suggestion to something that works for you.
    I doubt anyone would use 480px anyhow.

    If you expect the SmartPhone to be used in Landscape then design a bigger Variant that is smartphone-friendly in a larger width to your Main or repurpose your Main to be the simpler smartphone presentation.

    Acorn
    Acorn - My currently active Xara software: XDPX (current, v15, v12 & 11 (64-bit)), unserviced XWD Premium 15 & 12, XPGD10, X3D7; lots of licences back through time (to CC's Artworks). If your Post identifies a Xara software fault, please raise it directly with Magix --> support2.magix.com.

  4. #4
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,304

    Default Re: the logic evades me == need education

    Quote Originally Posted by TheeeDragon View Post
    CLEARLY
    I am missing something (somewhere)
    The browser viewport size (css size) is not the same as the device size in pixels. Browser window sizes are 'virtual' and not the same as the pixel size of the display. In the past they used to be equivalent, but as pixel densities have increased, they have changed. This allows a web page designed for a low-density device to work on a high-density device too. If they did not use virtual pixels (points) then on higher density devices the page would shrink into the corner of the display.

    https://viewportsizer.com/devices/

    https://gs.statcounter.com/screen-re...bile/worldwide

    [ edit: Consequently for images to be crisp on higher density displays the image needs to be larger in pixel size than the CSS points they are sized to one the page. For example a image of 100x100 points should be at least 200x200 pixels (or more) in size to stop them looking fuzzy on higher-density displays. ]

  5. #5

    Default Re: the logic evades me == need education

    Quote Originally Posted by pauland View Post
    The browser viewport size (css size) is not the same as the device size in pixels. Browser window sizes are 'virtual' and not the same as the pixel size of the display. In the past they used to be equivalent, .....
    ok -- that answers the missing 'logic - thanks!
    so, per this and ACORN above -- how should I set my mobile site variant
    (which needs to be viewed vertically)

    thanks all!

  6. #6
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,304

    Default Re: the logic evades me == need education

    Quote Originally Posted by TheeeDragon View Post
    ok -- that answers the missing 'logic - thanks!
    so, per this and ACORN above -- how should I set my mobile site variant
    (which needs to be viewed vertically)

    thanks all!
    You'll see from the link that I sent you that the smallest width currently used is 320.

  7. #7
    Join Date
    Aug 2010
    Posts
    533

    Default Re: the logic evades me == need education

    Quote Originally Posted by pauland View Post
    You'll see from the link that I sent you that the smallest width currently used is 320.
    It also shows the current viewport size at the top, if that's what the op wants to design for.
    Click image for larger version. 

Name:	20200215_140403.jpg 
Views:	14 
Size:	71.5 KB 
ID:	126357

  8. #8
    Join Date
    Sep 2000
    Location
    Bracknell, UK
    Posts
    8,304

    Default Re: the logic evades me == need education

    Quote Originally Posted by jamesd View Post
    It also shows the current viewport size at the top, if that's what the op wants to design for.
    Click image for larger version. 

Name:	20200215_140403.jpg 
Views:	14 
Size:	71.5 KB 
ID:	126357
    Indeed, but it's the devices our users use that count not necessarily the devices we actually use.

  9. #9
    Join Date
    Aug 2010
    Posts
    533

    Default Re: the logic evades me == need education

    Quote Originally Posted by pauland View Post
    Indeed, but it's the devices our users use that count not necessarily the devices we actually use.
    Absolutely, but from how I read it the op also wants a variant that will work on his/her phone spec.
    Last edited by jamesd; 15 February 2020 at 02:27 PM.

  10. #10

    Default Re: the logic evades me == need education

    Quote Originally Posted by jamesd View Post
    Absolutely, but from how I read it the op also wants a variant that will work on his/her phone spec.
    well . ... was just using my phone as a means to TEST the process
    and as I have a samsung 8+with SUPER hi res
    (as are most smartphones)
    the 'logic' was not logical
    it did not work at 800
    but does work at 480
    and my main resolution is 1000 (my bad -- thought higher in OP)
    so from what I think I learned
    XARA make the cross over at about 1/2 between the 2 pages
    anyway
    at 480 -- can now see on my cell
    again
    thanks to all

 

 

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
  •