Deprecated media attribute

[brunocodutra]

Adapted from brunocodutra/webapp-webpack-plugin#181 (by @Scrumplex)

---

favicons utilizes media attributes, that are deprecated.
Example:

<link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="/apple-touch-startup-image-320x460.png">

This example contains the device-width and device-height which are both deprecated in favour of width and height. [1]

These should therefore be replaced accordingly.

Validator I used: https://validator.w3.org/nu/?doc=https%3A%2F%2Fscrumplex.net&submit=Check

[andy128k]

elegantapp/pwa-asset-generator#71 (comment)

Unfortunately, this is a tradeoff you have to make if you want to provide splash screens for iOS platform. As described in blog post in motivation, iOS doesn't respect Web App Manifest specs and it introduces it's own non-standard way of dealing with splash screens.