Установите ширину изображения на новой вкладке

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 изображения, которое хотите загрузить. В css bigImg.html стиль изображения в любом случае вам нравится.