How to make the photos are located without indentation around the edges of the page, across the entire width of the screen, at all resolutions. You can link to an article where it understands. I did not find anything suitable in Google. 
2 answers
.row { overflow: hidden; } .bit-4 { width: 25%; float: left; } img { max-width: 100%; width: 100%; height: auto; } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <div class="container"> <div class="row"> <div class="bit-4"> <img src="http://orig08.deviantart.net/de1b/f/2010/331/1/b/darth_vader_icon_128x128_by_geo_almighty-d33pmwn.png" alt=""> </div> <div class="bit-4"> <img src="http://orig08.deviantart.net/de1b/f/2010/331/1/b/darth_vader_icon_128x128_by_geo_almighty-d33pmwn.png" alt=""> </div> <div class="bit-4"> <img src="http://orig08.deviantart.net/de1b/f/2010/331/1/b/darth_vader_icon_128x128_by_geo_almighty-d33pmwn.png" alt=""> </div> <div class="bit-4"> <img src="http://orig08.deviantart.net/de1b/f/2010/331/1/b/darth_vader_icon_128x128_by_geo_almighty-d33pmwn.png" alt=""> </div> </div> <div class="row"> <div class="bit-4"> <img src="http://orig08.deviantart.net/de1b/f/2010/331/1/b/darth_vader_icon_128x128_by_geo_almighty-d33pmwn.png" alt=""> </div> <div class="bit-4"> <img src="http://orig08.deviantart.net/de1b/f/2010/331/1/b/darth_vader_icon_128x128_by_geo_almighty-d33pmwn.png" alt=""> </div> <div class="bit-4"> <img src="http://orig08.deviantart.net/de1b/f/2010/331/1/b/darth_vader_icon_128x128_by_geo_almighty-d33pmwn.png" alt=""> </div> <div class="bit-4"> <img src="http://orig08.deviantart.net/de1b/f/2010/331/1/b/darth_vader_icon_128x128_by_geo_almighty-d33pmwn.png" alt=""> </div> </div> </div> </body> </html> This is if, to
on all permissions
And if for different devices in different ways, then media requests are applied. Learn more about adaptive layout in htmlbook.
Nicolas Chabanovsky ♦
38.2k 54 220 437
HamSter HamSter
18k five 33 83
- Slightly corrected the code for its own purposes But it helped! Health to you: D - Alexandr Yushkovskiy
|
img{ padding:0; margin:0; width:100%; } 
G_test_00 G_test_00
131 ten
- on jsfiddle set an example - G_test_00
- pikchi on photohosting zayle, and then they are broken at thee - G_test_00
- Everything flooded everything. - Alexandr Yushkovskiy
- jsfiddle.net/ojppe60z/9 - Alexandr Yushkovskiy
- jsfiddle.net/soledar10/qkL28L58 - soledar10
|