Join GitHub today
Feature Request: Mobile preview with various screen size options #2557
When using the mobile preview option it would be cool to select a specific mobile device that would display the project according to the devices screen size. Similar to the Responsive Design Mode in the web dev tools.
A quick mockup of how it could be implemented:
I would love to hear everyone's thoughts on this or if its even possible.
Hey this is really neat @marcobeltempo! I guess selecting one of these options would end up changing both the appearance and physical size of the devices?
I have some reservations though because a lot of these devices have very wide (in terms of pixel size) screens, so I'm not sure how we would represent that. Our current device is only 310px wide, so how would we deal with an iPhone 6 (medium size) that has a pixel width of 750px.
I think maybe instead of offering a list of specific hardware, we could offer a few simpler options like...
Let me know your thoughts @marcobeltempo
Another thing to consider here is that we can't easily (or convincingly) simulate certain resolutions within the preview, because we're always going to be limited in our available space. Creating a pixel density and width/height scenario for lots of new devices will be hard because it will require creating a viewport that is way bigger than the available space in the live preview view. Whatever we do here, we should probably keep things fitting nicely in that space vs. extending it in unhelpful ways.