Html 为什么我的网站在iPad上只显示一张图片?

Html 为什么我的网站在iPad上只显示一张图片?,html,ios,css,image,ipad,Html,Ios,Css,Image,Ipad,我的网站有问题。网站上只显示了一张(第一张)图片,即使以后的图片也是一样的(我指的是同一个src,就像第一张一样) 网站有图片背景部分 代码: 这是一个使用img的部分,但即使我将这个css复制到另一个部分,网站仍然只会显示一个img 网站上的图像小于2 MPX,分辨率:1024 x 614 px,大小小于100kb 如果你有iPad,检查我的网站,了解我在说什么:>网站只显示第一个img: 为什么它不起作用 地址:问题在于背景附件:已修复。如果删除已修复背景图像将正常工作 使用媒体查询以适当的

我的网站有问题。网站上只显示了一张(第一张)图片,即使以后的图片也是一样的(我指的是同一个src,就像第一张一样)

网站有图片背景部分

代码:

这是一个使用img的部分,但即使我将这个css复制到另一个部分,网站仍然只会显示一个img

网站上的图像小于2 MPX,分辨率:1024 x 614 px,大小小于100kb

如果你有iPad,检查我的网站,了解我在说什么:>网站只显示第一个img:

为什么它不起作用


地址:

问题在于
背景附件:已修复。如果删除
已修复
背景图像将正常工作


使用媒体查询以适当的窗口大小更改此属性。

仍然无法解决此问题。iPad上的第一张图片会显示出来,但更多的图片不会

如果您有iPad,您可以在以下位置查看:

我为iPad创建了tableb.css:

<link media="only screen and (device-width: 768px)" href="css/tablet.css" type= "text/css" rel="stylesheet" />

这里也有同样的问题,但有一点不同。我的带有背景图像的div-s为空(没有文本和html内容)

这里的解决方案是添加:最小宽度:1024;给这些分区


(我用iPad Air和iPad 4th测试了你的网站,看起来不错)

首先,如果你复制这个css,你是什么意思。您是否更改css类名?您是否更改了背景url?如果这些问题是侮辱性的,我很抱歉,但我们永远不能确定这一点。是的。。。我保留了bg url,以尝试显示相同的img,但即使这样也不起作用。我删除了后台附件中的固定属性,但仍然不起作用。。您可以在以下位置检查修改后的版本:Why It's not working?@Lethysek您仅删除了第一张图像的
fixed
。例如,请参见
#kafelobraz1
的CSS。平板电脑还有另一个CSS,在这个CSS中,所有图像的fidex都被删除,但仍然不起作用。
<link media="only screen and (device-width: 768px)" href="css/tablet.css" type= "text/css" rel="stylesheet" />
#kafelobrazintro { 
background: url(../images/introtablet.jpg) 50% 0 no-repeat; 
height: 1000px;
margin: 0 auto; 
width: 100%; 
max-width: 1920px; 
position: relative; 
box-shadow: 0 0 50px rgba(0,0,0,0.8);
overflow:hidden;
}

#kafelobraz1 { 
background: url(../images/logomzblue.jpg) 50% 0 no-repeat;  
height: 1000px;
margin: 0 auto; 
width: 100%; 
max-width: 1920px; 
position: relative; 
box-shadow: 0 0 50px rgba(0,0,0,0.8);
overflow:hidden;
}