导语: 随着如今人们对智能手机以及平板的使用,人们阅读网站的习惯和工具现已发生了很大的改变,如果曾经紊乱的网站的话,那么用户的领会感是很差的今天我们就来聊聊为什么手机网站建设越来越偏向于扁平化?手机网站建设注意事项,折叠手机给网页开发人员带来哪些新困难?机遇?新挑战?
新硬件意味着更新了软件,微软对可折叠技术的到来特别敏感,部分原因是该公司正在开发自己的可折叠设备。三名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)的功能。
移动优先的设计将变得越来越复杂,但也将更加令人兴奋。可折叠网可能是手持设备第一次感到膨胀而不是限制性。对于某些网站,这意味着进行调整,而对于另一些网站,则意味着进行重新设计,可能的范围取决于开发人员的创新能力。
交易额: 233.74万元
无 |江苏省 |南京市 |建邺区
交易额: 184.39万元
无 |河南省 |洛阳市 |洛龙区
交易额: 151.77万元
工作室 |浙江省 |台州市 |玉环县
交易额: 128.29万元
公司 |广东省 |深圳市 |南山区
成为一品威客服务商,百万订单等您来有奖注册中
价格是多少?怎样找到合适的人才?
¥10000 已有0人投标
¥5000 已有0人投标
¥20000 已有14人投标
¥3000 已有3人投标
¥10000 已有2人投标
¥3000 已有0人投标
¥5000 已有1人投标
¥1000 已有0人投标