iphone - Testing retina images with css and @media -


i'm wondering how test retina images css on regular browser? tried previous code not code below , wondered if working?

it's hard tell if correct image load same images better quality.

//retina stuff @media , (-webkit-min-device-pixel-ratio: 1.5) {     #home {           background: url('bg-home-x2.png') no-repeat; }  .shelf {     background: url('shelf-x2.png') no-repeat top center;     height: 111px;     padding-bottom: 0px; }  #pantry {     background: url('bg-pantry-x2.png') no-repeat;     width: 320px;     height: 480px;     z-index: -1; }  #list {     background: url('bg-cart-x2.png') no-repeat;     width: 320px;     height: 480px;     z-index: -1;     margin-top: -6px; } }

you can't default in web browser using -min-device-pixel-ratio - computers/pcs don't have required pixel ratio value test (other newer high-end laptops/displays) .

the best way use devices or family of devices you're targeting, in cases don't have them, way test media queries through emulation, perhaps 1 of following might help:

  1. using opera mobile emulator. allows set various test environments common devices. allows define custom setups resolution , pixel density:

    enter image description here

    it's available windows, mac , linux.

  2. there javascript-based web retina emulator, won't parse css media queries, it's simplistically checking validity/integrity of images.

  3. if looking emulate specific ios devices, can use ios simulator (part of xcode tools) test retina displays - doesn't sound applicable , used more testing of native apps.


Comments

Post a Comment

Popular posts from this blog

c# - Operator '==' incompatible with operand types 'Guid' and 'Guid' using DynamicExpression.ParseLambda<T, bool> -

i'm using dynamic linq library , there source code , basic docu , nuget version pm> install-package dynamiclinq i'm trying construct clause involves guids i have tried string "id == @0" . parameter array object[] value ( guid xxxx ) var whereclausesb = buildlogicalkeywhereclause2(entity, logicalkey); //build string var parms = buildparamarray(entity, logicalkey); // object[] var wherelambda = ofsi.bos.core.dynamicexpression.parselambda<t, bool>(whereclausesb.tostring(),parms); //parse an exception thrown in dynamicexpression.parselambda operator '==' incompatible operand types 'guid' , 'guid' i have tried guid , string.(fail) i tried , "id = @0" (fail). string == string works, int32==int32 not guid == guid not any ideas? try using equals method instead of == operator in string: "id.equals(@0)"
Read more