Set style width only to allow responsive layouts.

Author: blueimp

js/load-image-scale.js

@@ -304,7 +304,6 @@
       loadImage.transformCoordinates(canvas, options, data)
       if (pixelRatio > 1) {
         canvas.style.width = canvas.width / pixelRatio + 'px'
-        canvas.style.height = canvas.height / pixelRatio + 'px'
       }
       loadImage
         .drawImage(

test/test.js

@@ -537,13 +537,11 @@
               expect(img.width).to.equal(240)
               expect(img.height).to.equal(160)
               expect(img.style.width).to.equal('120px')
-              expect(img.style.height).to.equal('80px')
               // Check if pixelRatio scaling is idempotent:
               var img2 = loadImage.scale(img, { minWidth: 120, pixelRatio: 2 })
               expect(img2.width).to.equal(240)
               expect(img2.height).to.equal(160)
               expect(img2.style.width).to.equal('120px')
-              expect(img2.style.height).to.equal('80px')
               done()
             },
             { minWidth: 120, canvas: true, pixelRatio: 2 }
@@ -559,13 +557,11 @@
               expect(img.width).to.equal(60)
               expect(img.height).to.equal(40)
               expect(img.style.width).to.equal('30px')
-              expect(img.style.height).to.equal('20px')
               // Check if pixelRatio scaling is idempotent:
               var img2 = loadImage.scale(img, { minWidth: 30, pixelRatio: 2 })
               expect(img2.width).to.equal(60)
               expect(img2.height).to.equal(40)
               expect(img2.style.width).to.equal('30px')
-              expect(img2.style.height).to.equal('20px')
               done()
             },
             { maxWidth: 30, canvas: true, pixelRatio: 2 }
@@ -913,7 +909,6 @@
             expect(img.width).to.equal(80)
             expect(img.height).to.equal(80)
             expect(img.style.width).to.equal('40px')
-            expect(img.style.height).to.equal('40px')
             done()
           },
           { maxWidth: 40, maxHeight: 40, crop: true, pixelRatio: 2 }
@@ -929,7 +924,6 @@
             expect(img.width).to.equal(80)
             expect(img.height).to.equal(80)
             expect(img.style.width).to.equal('40px')
-            expect(img.style.height).to.equal('40px')
             done()
           },
           { sourceWidth: 40, sourceHeight: 40, crop: true, pixelRatio: 2 }
@@ -1087,7 +1081,6 @@
               expect(img.width).to.equal(80)
               expect(img.height).to.equal(120)
               expect(img.style.width).to.equal('40px')
-              expect(img.style.height).to.equal('60px')
               done()
             },
             { orientation: 8, pixelRatio: 2 }
@@ -1103,7 +1096,6 @@
               expect(img.width).to.equal(80)
               expect(img.height).to.equal(120)
               expect(img.style.width).to.equal('40px')
-              expect(img.style.height).to.equal('60px')
               done()
             },
             { orientation: 6, pixelRatio: 2 }