Html 为什么我的网站在iPad上只显示一张图片?
我的网站有问题。网站上只显示了一张(第一张)图片,即使以后的图片也是一样的(我指的是同一个src,就像第一张一样) 网站有图片背景部分 代码: 这是一个使用img的部分,但即使我将这个css复制到另一个部分,网站仍然只会显示一个img 网站上的图像小于2 MPX,分辨率:1024 x 614 px,大小小于100kb 如果你有iPad,检查我的网站,了解我在说什么:>网站只显示第一个img: 为什么它不起作用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: 为什么它不起作用 地址:问题在于背景附件:已修复。如果删除已修复背景图像将正常工作 使用媒体查询以适当的
地址:问题在于
背景附件:已修复代码>。如果删除已修复
背景图像将正常工作
使用媒体查询以适当的窗口大小更改此属性。仍然无法解决此问题。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;
}