ios 4 website issue media query or viewport

Mobile Technologies Mobile Computing 2 years ago

0 1 0 0 0

_x000D_ _x000D_ i have programmed a website, for a client and now im developing a smartphone template. I used max-device-width as media query to separate smartphone and tablet. Everythng is working fine, but iphone 4 zooms the website. I dont know if i defined viewport wrong or is a bug? Website is:http://mksgmbh.com I used following Viewport I tried to set initial-scale to 1 but it doesnt work too.

Posted on 16 Aug 2022, this text provides information on Mobile Computing related to Mobile Technologies. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago
_x000D_ As I look at the site now you have mulitple viewport tags. Try removing them all and replacing them with either or if you want to prevent user zooming: UPDATE Also, in you media queries you use max-device-width, e.g. @media only screen and (max-device-width: 760px) { ... } Unless you are trying to target specific devices, you could try just @media only screen and (max-width: 760px) { ... } Device width and width aren't the same thing and for responsive design, width will usually get the results you want. This link has some more background info about the differences Hope this helps!
0 views
0 shares

No matter what stage you're at in your education or career, TuteeHUB will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

Similar Forum


Q

Would Firebase be a good choice as a server for the Flutter mobile game I'm creating?

_x000D_ _x000D_ I am building a turn-based Flutter game. Would Firebase be a good choice as a server...
Q

Implement Bottom Navigation activity along with a VerticalViewPager with nested Cardview in Android...

_x000D_ _x000D_ I want to develop an Android App which will have a Bottom Navigation Bar and above i...
Q

(JS) For , determine if the device offers or not to capture a photo from the camera

_x000D_ _x000D_ When uploading a file, I need to give the user the possibility: upload the file fr...

Important Mobile Technologies Links