Question

我有一个Wordpress网站，需要创建各种各样的画廊。问题是，我想要显示的大部分图像（网站组合）对我的屏幕来说太长（27＆＃34; imac），当用户点击缩略图时，图像会打开放大 out < / em>所以整个图像适合窗口。我知道用户可以点击图片放大到100％，但有没有办法覆盖浏览器默认设置并将其设置为100％自动打开？我很乐意为此找到一个css修复程序！

以下是示例图片：http://openbox9.com/site/wp-content/uploads/2014/11/9marks_journal_landing_rd3.jpg

Answer 1

一种简单的方法是使用CSS zoom属性。据我所知，大多数现代浏览器都支持缩放属性，应该满足您的需求。这是一个例子：

/*CSS*/

#image {
   zoom: 100%;
}

<!--HTML-->

<image src="http://openbox9.com/site/wp-content/uploads/2014/11/9marks_journal_landing_rd3.jpg" id="image">

打开单个图像时可以将浏览器缩放级别设置为100％？

1 个答案: