0
부트 스트랩을 사용하여 완성 된 웹 사이트를 만들었습니다. 데스크탑이나 안드로이드 장치에서 멋지게 보이고 계획대로 작동합니다. 그러나 아이폰에서는 배경 이미지가 디스플레이에 맞게 축소되지 않습니다. 이 사이트에서는 계단식 스크롤을 사용합니다.부트 스트랩 배경 이미지가 iPhone에서 크기 조정되지 않습니다.
는
이 나는 망막 디스플레이되는 아이폰과 함께 할 수있는 뭔가가 의심 www.mabmetalworks.com?
아래 코드를 살펴보고 iPhone으로 작동하도록 수정하는 방법을 알려주십시오.
<div id="home" class="home">
<div class="text-vcenter">
<h1>MAB Metal Works</h1>
<h3 class = "H2">Your Local Steel Company</h3>
<a href="#about" class="btn btn-default btn-lg">Continue</a>
</div>
</div>
#home {
background: url(../images/main.jpg) no-repeat center center scroll;
display: table;
height: 100%;
position: relative;
width: 100%;
max-width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}