Why spacing in between components in iPad is more when compared to normal d

Hi!
In my application i have a page in which i have many fields and buttons. I want all of them to be displayed on the page without any scrolling. My least screen resolution consideration is '1024 x 768' px screen.

when i'm using the 1024px wide screen desktop with chrome browser the UI is absolutely fine. All the fields and buttons are displayed. But when i'm using iPad in landscape mode(1024x768) with Chrome, i see that components on the right side of the screen are going beyond the screen. I observed that the spacing in between the components in iPad is more when compared to the desktop browser. 

What is the reason for this strange behaviour? How to overcome it?
Hope i'm clear.

Thank you!
Mahmood.

Hey Mahmood!

Do you have a demo available somewhere? I'd love to help out, but I need some kind of test data/app.