The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Retina display media queries

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #201571

    Hey guys,

    I am relatively new to CSS and I am having trouble making four pictures to look OK on retina displays.

    I know it should be fixed by using media queries, but I can’t code them myself. – here is how it looks normally – here is how it looks on macbook pro with a retina display

    Is there a quick way to fix that issues?

    Thanks in advance.


    Thats kind of strange, because the screenshot I’ve attached is made on fully maximized Safari on Macbook pro with Retina display.

    When I try it on my Lenovo it breaks at some point when I start resizing and then they just become 4 vertical images.

    Any suggestions?


    Nope, it’s not that. If I zoom out it becomes normal, but it is not at 100%.


    Here is how it looks on iPad 3/4. It is messed up as it is on macbook pro retina.|2048|1536|2

    The resolution is 2048×1536


    Hi Jerba,

    Thank you very much for your willingness to help.

    As I’ve said, I am CSS noob and I did my best to represent everything in, but I am still missing something. Those pictures are hard coded into front-page.php file.

    Here is the link:

    I did my best to extract all parts from my style.css which concern those 4 images,but…

    Just in case I’ve uploaded my style.css file here:

    Thank you!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.