Changing Display to fit both Android and Iphone

I have been developing an app for cross platform use on the android and iphone. I have been developing on a windows machine so I have been using the android simulator. I just tested my code on a MAC and in the iphone simulator. The code works great, no errors but the display is all over the place. I understand this is because the different dimensions of the two devices. How do I change my code so that it will scale for which ever device it is on? The app is default to landscape mode and here is my config file:

[lua]application = {
content = {
width = 320,
height = 480,
scale = “letterBox”,
fps = 30,

–[[
imageSuffix = {
["@2x"] = 2,
}
–]]
}
}[/lua]

Thanks [import]uid: 152084 topic_id: 27253 reply_id: 327253[/import]

Have you edited your config file to change the dimensions? If so, what were you originally using? [import]uid: 52491 topic_id: 27253 reply_id: 110834[/import]

No, I didn’t edit the config file. I am using the default file that is given when creating a new project which is the code above. [import]uid: 152084 topic_id: 27253 reply_id: 110888[/import]

I am unsure on why it would display differently between Mac and PC - do you have screenshots showing the different positioning? [import]uid: 52491 topic_id: 27253 reply_id: 110941[/import]

No I don’t, but it seems everything is pushed outwards about 100px on the iPhone simulator. [import]uid: 152084 topic_id: 27253 reply_id: 110960[/import]

What device were you simulating on the PC? Did it have the same dimensions as the iPhone?

If you could upload a sample it would be useful to test as well. [import]uid: 52491 topic_id: 27253 reply_id: 110973[/import]