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

发布时间：2020-12-14 16:42:29 所属栏目：资源来源：网络整理

导读：a href="FullSize.jpg"img alt="thumb" src="thumb.jpg"/a 单击上面的拇指时,浏览器将显示FullSize.jpg大小以适合浏览器的客户端窗口,当光标在其上移动时,”将表示单击图像将显示完整大小.我想要做的是首先显示图像的完整大小,而无需用户单击它以获得完整大

<a href="FullSize.jpg"><img alt="thumb" src="thumb.jpg"></a>

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

解决方法

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

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!