CODEWITHSUNDEEP
htmlcss
Claudiu Crisan
Claudiu Crisan

Reputation: 11

Background image shows zoomed in on iphone

i have some problems with the following code: 

<div id="home" class="parallax first-section wow fadeIn" style="background-image:url('images/slider-bg.png');">

On PC and Android, it shows to be working fine, but on iPhone (chrome and safari) it is extremely zoomed in.

The live Website: https://dentalcarea.000webhostapp.com Thank you!

Upvotes: 1

Views: 441

Answers (2)

Claudiu Crisan
Claudiu Crisan

Reputation: 11

SOLVED!

<div id="home" class="parallax first-section wow fadeIn" style="background:url('images/slider-bg.png')" background-size: cover;>

I also modified meta in

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> Thank you very much guys!!!

Upvotes: 0

jeprubio
jeprubio

Reputation: 18002

This might be due to having the two meta tags with the viewport:

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">

Leave it in only one:

<meta name="viewport" content="width=device-width, initial-scale=1">

Or:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

but don't use the two or the width=device-width might not be set.

Upvotes: 1

Related Questions