我想要在我的页面上显示一些图像,但根据我显示的屏幕,图像显示在我页面上的其他元素之上。而在移动设备上它真的很糟糕!这是因为图像的大小以像素为单位。如何使图像大小与屏幕大小/分辨率相关?我在此页面上使用了一些js来替换点击时的主图像。我想的可能是将图像设置为div中的背景图像,并使用%值调整div的大小,然后根据使用js单击的拇指图像进行div更改。这会解决我的问题,还是我还会遇到图像尺寸问题?
我的页面在这里 - http://www.test25.net/gems/index.php?option=com_content&view=article&id=14&Itemid=126
答案 0 :(得分:1)
我现在找到了一个解决办法:)
使用css进行设置
img {
max-width: 100%;
max-height:100%
}