title: How to deal with backgrounds that don't look good zoomed out
body: <p>The site I'm working on makes heavy use of a parallel striped background behind certain page elements (it's basically a 1x2 pixel background image that's tiled to create a retro horizontal-banding effect). </p>
  
  <p>When these pages are viewed zoomed-out (e.g. on a phone), the user sees moire patterns which ruins the effect.</p>
  
  <p>How can I either (a) degrade to a flat background color when the user views the page zoomed out, or preferably (b) force the background to be rendered 1:1 regardless of zoom?</p>