SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Evangelist
    Join Date
    Jan 2010
    Posts
    590
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Lap Top versus PC Image Rendering

    Sitepoint Members,

    Is it only the default dcreen resolution difference between laptops and PCs that makes the images of my site on lap tops so much smaller? In any event, how can I make the difference disappear?

    Thanks,

    Chris

  2. #2
    SitePoint Guru bronze trophy TheRaptor's Avatar
    Join Date
    Jul 2011
    Location
    New York
    Posts
    710
    Mentioned
    40 Post(s)
    Tagged
    0 Thread(s)
    Example?

  3. #3
    SitePoint Evangelist
    Join Date
    Jan 2010
    Posts
    590
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I increased the size of the main image on my site by 32%. The image looked a lot better on a laptop, but on the PC the image stretched passed the max width of the browser (and was too big vertically to look good too).

  4. #4
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    It's probably the pixel density that is closer on the Laptop so it gives the illusion of a sharper image. Typically you also sit closer to a tiny screen that a larger one. Also it might depend upon what units you are using in your CSS if you are defining dimensions via a web page, etc.

  5. #5
    SitePoint Evangelist
    Join Date
    Jan 2010
    Posts
    590
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Xhtmlcoder,
    I'm using pixels in my CSS fro the image. What units would be better?

    .header{display:block;margin-left:auto;margin-right:auto;background-image:url(/xyz.jpg);width:808px;height:123px}


    Thanks,

    Chris

  6. #6
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Location
    Danbury, CT, USA
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What resolution are the two displays?

    Pixels for image is ok, as long as the entire design is fixed (pixels).

    Are you using the same browser? Is there a browser issue? (like IE not interpreting some css?)
    www.bluepindesign.com - web design/graphic design/web development


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
  •