} } @media all { div { margin: 1em; } } </style> ... <h1>Heading 1</h1> <div>Content</div> <!-- or --> <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 320px)" href="mobile-device.css" /> HTML common failure <style type="text/css"> div { margin: 1em; } </style> ... <h1>Heading 1</h1> <div>Content</div> iOS Recommendation objects in close proximity to each other without large amounts of empty space between. Buttons should be in close proximity to form controls. iOS Compliant example Minimal whitespace between the last form and a submit button. iOS Non-compliant example amount of vertical empty space between the last form field and a submit button causing the user to have to scroll the screen to activate the submit button. Android Recommendation objects in close proximity to each other without large amounts of empty space between. Buttons should be in close proximity to form controls. Android example(s) Minimal empty space between the last form field and a submit button. Android common failures
} } @media all { div { margin: 1em; } } </style> ... <h1>Heading 1</h1> <div>Content</div> <!-- or --> <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 320px)" href="mobile-device.css" /> HTML common failure <style type="text/css"> div { margin: 1em; } </style> ... <h1>Heading 1</h1> <div>Content</div> iOS Recommendation objects in close proximity to each other without large amounts of empty space between. Buttons should be in close proximity to form controls. iOS Compliant example Minimal whitespace between the last form and a submit button. iOS Non-compliant example amount of vertical empty space between the last form field and a submit button causing the user to have to scroll the screen to activate the submit button. Android Recommendation objects in close proximity to each other without large amounts of empty space between. Buttons should be in close proximity to form controls. Android example(s) Minimal empty space between the last form field and a submit button. Android common failures
MobileSandG_v7_production.docx