网站设计制作适配苹果WatchOS5必掌握的一些知识

2019-01-12 21:56:59

在WWDC大会上，苹果公司宣布了他们的新操作系统将包含的内容。没有太多的东西可以上下跳跃，也许你很喜欢你能在屏幕上设置的限制。对于网络开发人员或网站设计师来说，最大的新闻之一就是WebKit被正确地移植到AppleWatch上，从AppleWatchOS5开始，你就可以浏览网站了。以前，电子邮件中的电子邮件链接，会要求用户移动到他们的手机/iPad/计算机上，但现在用户可以打开手表本身的网页并与之交互，您可能收到的任何包含URL的消息也是如此。接下来，我们一起来看看这是怎么工作的，然后熟练掌握网站设计制作适配苹果WatchOS5必掌握的一些知识。

Apple Watch OS5上用于浏览网站的许多功能，将遵循与您习惯的手机相同的UX。数字表冠仍然允许你垂直滚动浏览网页，你也可以用你的手指来做同样的事情。屏幕上的双击将放大网页的该部分，同样的双击手势将再次将您缩小。屏幕上的硬按键将使您来回(在历史中)控制页面，但您也可以左右滑动以在历史中向前移动和向后移动(您的Web浏览器历史记录，没有实际历史记录)。

目前，WatchOS5专注于通过该表获取基本内容，因此您可能会从Safari中看到一些明显的遗漏。

当iPhone第一次发布的时候，它被赋予了320px的视窗。同样的视口也提供给了WatchOS5，但是，视图已经缩小到0.49，以便在较小的屏幕上生成布局。请记住，这意味着文本和图像将会小51%，但您的移动设备的布局(可能是堆叠布局)将保持不变。这意味着在WatchOS5上，元视口标记初始比例将被忽略，而是创建该比例以允许显示整个页面。这意味着，尽管已将“初始比例”设定为1.0，但它会将该比例减小到0.49。

因此，Watch OS5的视口为320 x 357，但缩放到0.49，媒体查询的宽度将解析为320px宽度。

如果您想针对WatchOS5的特定CSS(我们在过去已经解释过，为什么不需要设备特定的媒体查询)，那么您将拥有以下内容：