html – 如何显示完整大小的图像

前端之家收集整理的这篇文章主要介绍了html – 如何显示完整大小的图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<a href="FullSize.jpg"><img alt="thumb" src="thumb.jpg"></a>

单击上面的拇指时,浏览器将显示FullSize.jpg大小以适合浏览器的客户端窗口,当光标在其上移动时,”将表示单击图像将显示完整大小.我想要做的是首先显示图像的完整大小,而无需用户单击它以获得完整大小.怎么做到这一点?

解决方法

不幸的是,您所描述的是浏览器UI功能(或“错误”,具体取决于您的观点),并且只能由用户启用/禁用.通常通过“编辑首选项”选项.

仅当图像的全尺寸大于视口时才会这样做,这样用户就可以看到完整的图像而无需滚动,它完成了“实时”,因此图像本身不会被压缩/调整大小,只是缩放以适合视口.只需单击一下,用户即可直观地进行操作.我不确定,如果有办法解决它,我可以推荐这样的技术,特别是因为它是一个我很高兴的功能,作为开发人员和用户,我比它不满意.

围绕它的唯一方法,我能想到的是找到图像的原始高度/宽度,将其包装在具有这些尺寸的div中(加上一点填充).我不确定它会起作用,但这是我现在想到的唯一想到的东西.

猜你在找的HTML相关文章