web/phone css page centering

Hi,

I have a website, but by default it's not compatible with pc/phone browsers at the same time. I'm not sure how I can easily make it use the correct one.

for the pc browser the best view is achieved with this

HTML Code:

<body style="font-family: Verdana; display: inline-block; margin: auto auto auto 25%; ">

for phone browsers the best view is achieved with this

HTML Code:

<body style="font-family: Verdana; display: inline-block; ">

basically I want my page content to appear at the center of the screen horizontally.

Thank You

Re: web/phone css page centering

Have you tried using the viewport meta tag?

https://developer.mozilla.org/en-US/...wport_meta_tag

Re: web/phone css page centering

I tried to use view-port but the outcome is the same. It's only showing up working only one of the browzers pc/phone