4 ms·

This is pretty cool for a basic preview but it really doesn't solve the bigger issue of devices handling basic CSS inconsistently in many situations. Example i

This is pretty cool for a basic preview but it really doesn't solve the bigger issue of devices handling basic CSS inconsistently in many situations. Example is sizing things using "vh" and "vw". On iOS this has been, and still is, completely broken. It is "supported" but if you try to size something at "100vh" it will scale multiple views without additional CSS on breakpoints or some JavaScript hacks. For me this is just a glorified "Responsive Design Mode" which is already built into Chrome and Firefox dev tools.

snewk 9y ago
responsive design mode is included in safari as well
shakna 9y ago
iOS feels like the new IE when it comes to this stuff. For example: > iOS 7 Safari recalculates widths set in vh as vw, and heights set in vw as vh, when orientation changes. If you really want iOS customers to feel at home, a lot of the time you have no option but to specifically target all their screen sizes with media queries.
- alwillis 9y ago
  1. Safari is not the new IE by a long shot: https://webkit.org/status/ https://webkit.org/status/ 2. iOS 7 was released September of 2013; that's ancient history in the iOS ecosystem 3. the installed base of iOS 10 is a smidge under 80%; iOS 7 is likely around 1%: https://developer.apple.com/support/app-store/ https://developer.apple.com/support/app-store/
  - shakna 9y ago
    > 1. Safari is not the new IE by a long shot: https://webkit.org/status/ https://webkit.org/status/ Yes, they've made great strides with JavaScript future support... But they still have some major issues! [0] Let me just draw out a few from that list that are supported by Chrome, not Safari on iOS 10.3, that really should have support: * No public key pinning * No paged media queries * No ChaCha20 for TLS * No FLAC, no Ogg Vorbis support * No png favicons, because Apple is special and needs their own format that doesn't comply with anybody else * No download attribute. * No resize attribute for CSS. [0] http://caniuse.com/#compare=ios_saf+10.3,and_chr+57 http://caniuse.com/#compare=ios_saf+10.3,and_chr+57

snewk 9y ago

responsive design mode is included in safari as well

shakna 9y ago

iOS feels like the new IE when it comes to this stuff. For example: > iOS 7 Safari recalculates widths set in vh as vw, and heights set in vw as vh, when orientation changes. If you really want iOS customers to feel at home, a lot of the time you have no option but to specifically target all their screen sizes with media queries.

alwillis 9y ago
1. Safari is not the new IE by a long shot: https://webkit.org/status/ https://webkit.org/status/ 2. iOS 7 was released September of 2013; that's ancient history in the iOS ecosystem 3. the installed base of iOS 10 is a smidge under 80%; iOS 7 is likely around 1%: https://developer.apple.com/support/app-store/ https://developer.apple.com/support/app-store/
- shakna 9y ago
  > 1. Safari is not the new IE by a long shot: https://webkit.org/status/ https://webkit.org/status/ Yes, they've made great strides with JavaScript future support... But they still have some major issues! [0] Let me just draw out a few from that list that are supported by Chrome, not Safari on iOS 10.3, that really should have support: * No public key pinning * No paged media queries * No ChaCha20 for TLS * No FLAC, no Ogg Vorbis support * No png favicons, because Apple is special and needs their own format that doesn't comply with anybody else * No download attribute. * No resize attribute for CSS. [0] http://caniuse.com/#compare=ios_saf+10.3,and_chr+57 http://caniuse.com/#compare=ios_saf+10.3,and_chr+57