在新选项卡中设置图像的宽度

Question

我想要的是我的文字中的链接到图像。当您单击链接时，图像应在新选项卡上全屏打开。我到目前为止，图片在新标签上打开，但它不是全屏。我的代码如下所示：

<p>some text <a href="css/images/website.png" target="blank">website</a> and more text</p>

但是，如果我点击链接，看起来图像会得到页面的高度，在我的情况下：

img[Attributes Style] {
width: 918px;
height: 979px;
}

我希望它是这样的

img[Attributes Style] {
width: 100%;
height: auto;
}

我已经尝试了

<a href="css/images/website.png" width="100%">website</a>
<a href="css/images/website.png" style="width: 100%;"></a>

但两者都不起作用。 你们有什么想法我能做到这一点吗？

这是我第一次问这里的东西，如果我做错了什么我想听听：）

Answer 1

您无法控制任何样式属性，因为新标签实际上不是html页面，而只是图像本身。另一方面，您可以创建一个html页面，其唯一目的是显示样式化图像。使您的链接类似<a href = "bigImg.html?src=css/images/website.png">website</a>，在bigImg.html中，您可以使用javascript或php获取要加载的图片的src。无论如何，在bigImg.html的css风格中你都喜欢它。