跨浏览器/设备按比例增加图像的大小

Question

这是我正在使用的图片：

这是网站：

http://btwnthelin.es/

我已经在那里有图像，就像没有应用尺寸规格一样，但它太小了。

我希望根据设备或浏览器按比例增加大小，以便合适地放在窗口的顶部，就像一个合适的标题。

如何在确保跨浏览器和设备良好呈现的同时实现这一目标？即我不想只是暴力设置它的大小在我目前正在使用的浏览器上看起来不错。

我正在使用模板fullpage.js

Answer 1

只需将宽度设置为100％

.fp-tableCell img {
height: auto;
width: 100%;}