asked on

Html pages are always in maximized zoom level on ipad browser

Hi Experts,

In Ipad pro there is no zoom - 100% + option on chrome browser. in safari also it is in maximized zoom level. How can I set it to fixed 100% on ipad. I have to use my fingers to reduce the zoom on the browser screen to be in right size. Please help me in resolving this issue.

With Many thanks,

Bharath AK

lenamtl

You can use viewport meta-tag on your page

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

Open in new window

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

coder

ASKER

Hi Lenamtl,

I had included the meta-tag as given by you, Still I have to tap and squeeze my fingers on ipad pro to get the small screen.
I had also tried shrink-to-fit=yes, still the I have to squeeze fingers on the ipad to get right size of the image. Please suggest me what can be done.
Once I squeeze the image page looks complete. What is that I have to do the get right image on the web page. Is it okay if I shrink or reduce the pixels of the image for webpage. will it be a right solution? I had tried col-md-12 bootstrap grid settings for this ipad pro to see on landscape. Is it correct? Please help me in resolving this issue.

With Many Thanks,

Bharath AK

ASKER CERTIFIED SOLUTION

lenamtl

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

coder

ASKER

Hi Lenamtl,

Thanks for your reply. I had started using media quires. My problem is solved.

With Many thanks,
Bharath AK