search

YodaSpow / EmailDevTools

EmailTools
https://codepen.io/spowart/details/abWzBwR
7 stars 1 forks source link

Device Fold emulator (320px | 414px ) #2

Open YodaSpow opened 5 years ago

YodaSpow commented 5 years ago

Describe the solution you'd like Buttons for 320px and 414px screen size Optionally you can add for each media-query device height (by the margin and bottom-border) to simulate 'fold' area.

YodaSpow commented 5 years ago
  1. https://css-tricks.com/scaled-proportional-blocks-with-css-and-javascript/
  2. https://codepen.io/chriscoyier/pen/VvRoWy (scaling without iFrame)
  3. Not sure: https://css-tricks.com/remux-an-experimental-approach-to-responsive-web-design/
YodaSpow commented 5 years ago

Another option would be to load current HTML into a new iframe window as a pop-up to show device view in its our child iFrame