根据屏幕尺寸/分辨率调整图像大小
我想在页面上显示一些图像，但根据我显示的屏幕，图像显示在页面上其他元素的顶部。而在移动设备上，这真的很糟糕！这是因为图像的大小以像素为单位。如何使图像尺寸与屏幕尺寸/分辨率相关？我在这个页面上使用了一些js来替换点击时的主图像。我正在考虑将图像设置为 div 中的背景图像，并使用 % 值调整 div 的大小，然后根据使用 js 单击的拇指图像更改 div。这可以解决我的问题吗？或者我仍然会遇到图像尺寸问题吗？
我的页面在这里 - http: //www.test25.net/gems/index.php?option=com_content&view=article&id=14&Itemid=126
I have some images I want to display on my page but based on the screen I show it on, the image shows on top of other elements on my page. And on mobile devices it is really bad! It is because the image is sized in pixels. How can I make the image size be relevant to the screen size/resolution? I use some js on this page to replace the main image on click. I was thinking of maybe setting the image as a background image in a div and sizing the div with a % value then making the div change based on the thumb image that's clicked using js. Would this solve my problem, or would I still have the image size problem?
My page is here - http://www.test25.net/gems/index.php?option=com_content&view=article&id=14&Itemid=126
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我现在找到了一个解决方法:)
使用 css 进行设置
I found a work around for now :)
Use css for setting