Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 打开单个图像时,是否可以将浏览器缩放级别设置为100%?_Html_Css_Wordpress_Browser - Fatal编程技术网

Html 打开单个图像时,是否可以将浏览器缩放级别设置为100%?

Html 打开单个图像时,是否可以将浏览器缩放级别设置为100%?,html,css,wordpress,browser,Html,Css,Wordpress,Browser,我有一个Wordpress网站,需要创建各种各样的图库。问题是,我想显示的大多数图像都是网站组件,对于我的屏幕27 imac来说太长了,当用户单击缩略图时,图像会打开并缩小,这样整个图像就可以放在窗口中。我知道用户可以单击图像放大到100%,但是有没有办法覆盖浏览器默认设置并将其自动设置为100%打开?我很想找到一个css修复这个 下面是一个示例图像:一个简单的方法是使用CSS zoom属性。据我所知,zoom属性在大多数现代浏览器中都受支持,可以满足您的需要。以下是一个例子: /*CSS*/

我有一个Wordpress网站,需要创建各种各样的图库。问题是,我想显示的大多数图像都是网站组件,对于我的屏幕27 imac来说太长了,当用户单击缩略图时,图像会打开并缩小,这样整个图像就可以放在窗口中。我知道用户可以单击图像放大到100%,但是有没有办法覆盖浏览器默认设置并将其自动设置为100%打开?我很想找到一个css修复这个


下面是一个示例图像:

一个简单的方法是使用CSS zoom属性。据我所知,zoom属性在大多数现代浏览器中都受支持,可以满足您的需要。以下是一个例子:

/*CSS*/ 形象{ 变焦:100%; }
你不能用HTML页面来插入图片吗?它不会试图适应。。。但是,如果您硬链接到JPEG,则无法覆盖行为,因为您只提供图像数据,而不提供任何服务。