Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title> Désactiver le Zoom </title> <meta meta name="viewport" content="width=device-width, user-scalable=no" /> <style> body { width: 630px; border: 3px solid #4a91d8; height: auto; } h1 { color: #4a91d8; text-align: center; text-shadow: 1px 3px 2px #000; } img { border: 2px solid black; margin: 5px; } div::after { content: ""; clear: both; display: table; } .left { float: left; } .right { float: right; } </style> </head> <body> <div> <h1> Houses </h1> <img src="https://cdn.vox-cdn.com/thumbor/RVclEmJ7_fDjExXPmUtHZ2nOeCU=/0x0:3000x2000/1200x800/filters:focal(1260x760:1740x1240)/cdn.vox-cdn.com/uploads/chorus_image/image/60890575/LizKuball_180512_0066_HighRes_Bungalow_Heaven.0.jpg" alt="House 1" width="396" class="left" /> <img src="https://www.boutiquehomes.com.au/sites/default/files/400_Montauk%2047%20and%2049%20-%20Greyson%20facade.jpg" alt="House 2" width="196" class="right" /> <img src="https://ichef.bbci.co.uk/news/660/cpsprodpb/8B96/production/_105243753_house.jpg" alt="House 3" width="396" class="left" /> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQVAFvLYZXJ3xBEFRTnXe60ANdxJVCCisVXdkFzWKwJbCEjKMwxYw" alt="House 1" width="196" height="101" class="right" /> <p> <strong>Note:</strong> Non zoomable sur mobile </p> </div> </body> </html>