Skip to content
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
Blog Quickbits Media Query for Background Images on Higher Pixel Density Displays

Media Query for Background Images on Higher Pixel Density Displays

By Forrest Smith - Drempd.com

.banner{

    background-image: url('image.jpg');

    background-size: auto 100%;

  }

  @media 

    only screen and (-webkit-min-device-pixel-ratio: 1.5),

    only screen and (min-device-pixel-ratio: 1.5) {

    .banner{

      background-image: url('image@2x.jpg');

    }

  }

Posted on September 14, 2022December 13, 2022 in Quickbits
  • Adventure

    • adventure
    • gravelgrinding
    • hiking
    • running
  • The Built Environment

    • architecture
    • urbanity
  • Locations

    • san diego
    • portland
  • Freelance Life

    • freelancing
    • productivity
  • Web Dev

    • css
    • entrepreneurship
    • git
    • handlebars
    • html
    • inkscape
    • photoshop
    • php
    • sass
    • web design
    • web development
    • saphire

drempd | san diego, ca


home contact

adventures san diego urbanity and architecture projects stream website design

portfolio resume san diego web design freelance web designer

custom web design responsive web design website maintenance