I have two versions of the same project. Project 1 has a single portrait: layout (768px * 946px). When I open the project's HTML file on my devices (iPhone, Android, iPad, Desktop Safari) the contents resize perfectly for each size of screen.
Project two contains two layout: the same single portrait layout (768px * 946px) as project 1 and landscape layout set as iPad landscape. Now when I open this project's HTML file on my devices (iPhone, Android, iPad, Desktop Safari) the portrait page is now too wide and the contents now spill over the right border and bottom border (it is using the correct layout of items, i.e. the portrait layout) . I can pinch-zoom the page and the content size to correctly fit the screen but if I navigate to the next screen it is too large as well.
Question: why does adding a second layout to my project impact the way the first layout is displayed?