适用于 MacOS chrome 网络应用程序的 apple-touch-icon
apple-touch-icon for MacOS chrome web apps
我正在创建一个可以在 iOS 和 OS X (MacOS) 上运行的网络应用程序，但我在使用图标时遇到了问题。
按照Apple自己的手册，我创建了一个apple-touch-icon，PNG格式的图标，没有ALPHA通道，没有透明背景，尺寸为180x180。
在 iPhone 上它很棒，运行完美，但在 MacOS 上它做得非常好。
在我的 HTML 中，我只声明：
<link rel="apple-touch-icon" type="image/png" href="apple-touch-icon.png">
有什么方法可以通过 HTML 声明 iOS 特定图标和不同的 MacOS 图标？
结果iOS：
Mac 中的结果OS：
我已经放弃寻找答案或了解它是如何工作的，但我无意中发现，如果您声明一个 128x128 大小的图标，它会覆盖 Mac 上的 apple-touch-iconOS (OS X).
我没有在任何地方找到这个记录。
据我了解，AppleTouchIcon 最终只适用于 Safari。 Google Chrome Edge遵循WebApps的标准规范
<link rel="icon" type="image/png" href="icon2.png" sizes="128x128">
正如您在上图中看到的那样，图标的边缘是圆角的，它不像原生应用那样完美，但这是我预期的方式。
我正在创建一个可以在 iOS 和 OS X (MacOS) 上运行的网络应用程序，但我在使用图标时遇到了问题。
按照Apple自己的手册，我创建了一个apple-touch-icon，PNG格式的图标，没有ALPHA通道，没有透明背景，尺寸为180x180。
在 iPhone 上它很棒，运行完美，但在 MacOS 上它做得非常好。
在我的 HTML 中，我只声明：
<link rel="apple-touch-icon" type="image/png" href="apple-touch-icon.png">
有什么方法可以通过 HTML 声明 iOS 特定图标和不同的 MacOS 图标？
结果iOS：
Mac 中的结果OS：
我已经放弃寻找答案或了解它是如何工作的，但我无意中发现，如果您声明一个 128x128 大小的图标，它会覆盖 Mac 上的 apple-touch-iconOS (OS X).
我没有在任何地方找到这个记录。
据我了解，AppleTouchIcon 最终只适用于 Safari。 Google Chrome Edge遵循WebApps的标准规范
<link rel="icon" type="image/png" href="icon2.png" sizes="128x128">
正如您在上图中看到的那样，图标的边缘是圆角的，它不像原生应用那样完美，但这是我预期的方式。