loading请求处理中...

手机网站为何偏向于扁平化?折叠手机给网页开发人员带来哪些新困难?

2022-01-28 08:35:23 阅读 9402次 标签: 开发 作者: yipinweike01

  导语: 随着如今人们对智能手机以及平板的使用,人们阅读网站的习惯和工具现已发生了很大的改变,如果曾经紊乱的网站的话,那么用户的领会感是很差的今天我们就来聊聊为什么手机网站建设越来越偏向于扁平化?手机网站建设注意事项,折叠手机给网页开发人员带来哪些新困难?机遇?新挑战?

  新硬件意味着更新了软件,微软对可折叠技术的到来特别敏感,部分原因是该公司正在开发自己的可折叠设备。三名Microsoft开发人员Bogdan Brinza,Daniel Libby和Zouhir Chahoud已发布了一个解释器,他们在其中提出了新的JavaScript API和CSS媒体查询,Chahoud 在2月3日的GitHub帖子上对此进行了扩展。

  它们重点介绍了可折叠设备的潜在问题,包括:

  可折叠市场中的各种硬件。有些设备是无缝的,而其他设备则不是,它们的形状千差万别。Windows Surface Duo和Galaxy Fold的形状都像书本-一个带有接缝,一个没有接缝。无缝的摩托罗拉Razr可以追溯到古老的翻盖手机,屏幕的两个“一半”比正方形更接近正方形。同样要考虑的是,只有三部分的可折叠显示屏出现在场景中只是时间问题。折叠式产品的形状和尺寸变化很大,因此针对_class _of设备而不是特定的硬件非常重要。

  “折叠区域”功能。可折叠屏幕的奇迹需要做出一些牺牲。一个主要的问题是折叠附近屏幕的潜在尴尬。位于部分折叠的屏幕接缝上或跨接缝的内容可能难以查看或与之交互。书和杂志倾向于避免跨页打印内容。对于可折叠屏幕,同样可能适用。此外,一些可用性测试表明,触摸屏的响应能力在可折叠产品上不那么可靠。

  为了解决这些问题和其他问题,Brinza,Libby和Chahoud提出了跨CSS媒体功能,该功能可以测试浏览器窗口是跨两个屏幕显示还是跨折显示。如果是这样,则可以将内容相对于折痕或接缝定位。这参与了响应式设计的不断发展,而响应式设计越来越需要考虑的不仅仅是屏幕尺寸。

  CSS建议随附有JavaScript API的新Window Segments枚举,该枚举将使网站的行为更加动态。例如,显示的内容可能会根据屏幕是否弯曲而发生变化,或者会根据用户是否触摸显示器的另一半而表现不同。新的JavaScript API还改进了无法使用CSS的非文档对象模型目标(例如Canvas2d或WebGL)的功能。

  移动优先的设计将变得越来越复杂,但也将更加令人兴奋。可折叠网可能是手持设备第一次感到膨胀而不是限制性。对于某些网站,这意味着进行调整,而对于另一些网站,则意味着进行重新设计,可能的范围取决于开发人员的创新能力。

开发公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
相关任务
DESIGN TASK 更多
货拉拉司机版app开发

¥5000 已有0人投标

教育小程序开发

¥3000 已有3人投标

工业机器视觉软件开发

¥10000 已有2人投标

iOS内植插件开发

¥3000 已有0人投标

PBX电话系统开发,微信沟通

¥5000 已有1人投标

低代码平台,小程序开发

¥1000 已有0人投标