Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 跨浏览器/设备按比例增加图像大小_Javascript_Html_Css - Fatal编程技术网

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

Javascript 跨浏览器/设备按比例增加图像大小,javascript,html,css,Javascript,Html,Css,这是我正在处理的图像: 这是网站: 我已经在那里的图像,就像是没有适用于它的尺寸规格,但它太小了 我希望根据设备或浏览器的不同,按比例增加大小,以适合窗口顶部的大小,如适当的标题 如何在确保跨浏览器和设备以良好方式呈现的同时实现这一点?i、 我不想只是暴力设置它的大小,使其在我当前使用的浏览器上看起来很好 我正在使用模板fullpage.js,只需将宽度设置为100% .fp-tableCell img { height: auto; width: 100%;} 你要找的是。你的问题非常广

这是我正在处理的图像:

这是网站:

我已经在那里的图像,就像是没有适用于它的尺寸规格,但它太小了

我希望根据设备或浏览器的不同,按比例增加大小,以适合窗口顶部的大小,如适当的标题

如何在确保跨浏览器和设备以良好方式呈现的同时实现这一点?i、 我不想只是暴力设置它的大小,使其在我当前使用的浏览器上看起来很好


我正在使用模板fullpage.js,只需将宽度设置为100%

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

你要找的是。你的问题非常广泛,但你可以在网上找到大量的信息。你在不同浏览器的宽度上以及在手机浏览器上看到的图像集一样吗?哇。拉德。非常感谢。过来看!