从溢出图像CSS中删除额外的空白

Question

我试图让图像的溢出看起来隐藏在某个屏幕尺寸上，但我找不到为什么会出现这个额外间距的解决方案。这是我到目前为止的html和CSS。我试图这样做是因为图像看起来太小了。

也欢迎Bootstrap解决方案。

.aboutsplash img{
	width: 100%;
	height: auto;
	margin: 0;
}
@media (max-width: 769px){
	.aboutsplash img{
	overflow: hidden;
	width: auto;
	max-height: 150px;  
	}
}
@media (max-width: 500px){
	.aboutsplash img{
	position: left;
	margin: 0 0 0 -25%;
	}
}

<div class="aboutsplash">
    <img src="images\sunsetcrop2.jpg" alt="lbl sunset">
</div>

Answer 1

var PDFDocument = require('pdfkit');

  var doc = new PDFDocument({
        size: 'letter'
    });
    doc.pipe(fs.createWriteStream('will.pdf'));
    doc.text('my text11111')
    doc.end();

试试这个。