Is it true that a browser is going to see a Webflow design and then present the results based on width?
(Restated: Is it true that in spite of the helpful breakpoint labeling by device that Webflow presents within the UI (Desktop, Tablet, Phone Landscape and, PhonePortrait and the suggested devices that would correspond to each category) one should know a browser would determine what is shown based on width based on the media call embedded in the code, right?
Example: An iPHone7+ has a portrait width of 1080 px…thus, it would be too wide for Webflow’s predefined Phone Portrait category. Therefore, it (the iPhone7+) would be seen and read as a 1080 pixel width by the browser AND it would be accessing artwork prepared within the Desktop layout within the Webflow Desktop category…right?
The reason I’m asking:
If this is true, then if one is designing artwork in Illustrator in PIXELS, then you have to design based on width within the 4 categories Webflow presents BUT THEN determine height based on the deepest possible device that would potentially be viewed given the width…and as just referenced, that may NOT correspond to the predefined categories by device Webflow has presented.
Is this thinking correct?
I ran into this problem when designing a slider and the depth was not covered given the width.
Designed Communication Processes