最近完成了一项响应式设计的项目。不过在项目完成后，才发现，有些地方百思不得其解。
响应式是依靠媒体查询（media）来实现不同屏幕width下调用不同的样式，这问题就来了。
1. 手机或pad等设备是没有鼠标，也就是是手指和网页直接接触，所以网页hover之类的功能就显得冗余了。对吗？
2. 我的项目是使用基于 unSemantic 响应式框架，同样是以浏览器的width为基础判断设备。desktop是 >1024，tablet 是 < 1024 和 > 768，mobile是 < 768，但现在的手机或pad的分辨率调越来越大了，连1920p都有了，那在desktop界面下设计的hover功能，就更显得不好权衡。例如菜单的下拉子项，一般情况下是鼠标移动父项，子项就以下拉的形式显示，而在大于1024p的移动设备，由于hover体验非常糟糕，就不能用移动显示下拉的形式了。
3. 所以在高分辨率下的移动设备，和普通PC之间，大家是怎么权衡hover的设计？仅仅依靠media是否不科学？
响应式是依靠媒体查询（media）来实现不同屏幕width下调用不同的样式，这问题就来了。
1. 手机或pad等设备是没有鼠标，也就是是手指和网页直接接触，所以网页hover之类的功能就显得冗余了。对吗？
2. 我的项目是使用基于 unSemantic 响应式框架，同样是以浏览器的width为基础判断设备。desktop是 >1024，tablet 是 < 1024 和 > 768，mobile是 < 768，但现在的手机或pad的分辨率调越来越大了，连1920p都有了，那在desktop界面下设计的hover功能，就更显得不好权衡。例如菜单的下拉子项，一般情况下是鼠标移动父项，子项就以下拉的形式显示，而在大于1024p的移动设备，由于hover体验非常糟糕，就不能用移动显示下拉的形式了。
3. 所以在高分辨率下的移动设备，和普通PC之间，大家是怎么权衡hover的设计？仅仅依靠media是否不科学？
Select Language