不同分辨率的弹出框内固定背景图像大小


fixed background image size inside popup box for different resolution

我创建了一个弹出框,在页面加载时打开,该弹出框包含一个图像。弹出框会根据图像的分辨率调整大小,但弹出框内的图像不会调整大小。我正在使用Joomla插件(简单弹出)。我试图将图像手风琴更改为分辨率,但它没有反映出来。

这是弹出框的代码:

<div style="background:url('guntavnuk.pixabytes.co.in/guntavnuk/…; 
<div style=" padding-left: 647px; padding-top: 13px;background:none repeat scroll 0 0 transparent;" > 
<iframe src="guntavnuk.pixabytes.co.in/guntavnuk/email.php"; width="300px;" height="190px;" style="overflow:hidden;margin-top:41px;" > </iframe> 
</div> 
</div>

我在网站上看不到这个问题。图像似乎是以全分辨率显示的,所以除非你设计的图像尺寸更大,否则你不会变得更大。然后可以将图像的宽度设置为100%,将高度设置为自动。然而,由于屏幕分辨率变化太大,您无法适应所有屏幕分辨率。