Upon initially loading the page in landscape mode, it appears wider than the screen and does not fit properly. However, if I change the orientation to portrait, double tap the screen, then switch back to landscape, it then fits perfectly on the screen. What am I missing? Is there something I should be adding to ensure it displays correctly from the first load without needing the double tap?
This is what I have utilized:
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: portrait){/*style starts...*/}