画面サイズが変わると、fixedで右下に固定した要素がズレてしまいます。

Question

固定した要素のサイズは画面の大きさと一緒に変化するようにしました。ですが、画面の幅を変えると、固定した要素の周りに余白ができたり、画面から見切れたりしてしまいます。

	<div class="header-contact">
		<a href="contact.html" class="cursor">
			<ul class="contact-links">
				<li>クリック</li>
			</ul>
		</a>
	</div>

.header-contact {
	width: 15vw;
	height: auto;
	position: fixed;
	z-index: 10;
	bottom: 0;
	right: 0;
	background-image: url(img/contact-right.png);
	background-repeat: no-repeat;
	background-size: 100%;
}

Answer 1

background-imageを使うのをやめました。