仅限移动设备上的自适应CSS样式

仅限移动设备上的自适应CSS样式

您所拥有的一切应该可以正常工作，但是没有实际的“ Is Mobile / Tablet”媒体查询，因此您总是会遇到麻烦。

有媒体查询常见的断点，但是随着设备范围的不断变化，不能保证它们不断向前发展。

想法是您的网站在所有尺寸上都保持相同的品牌，因此您应该希望样式在断点之间层叠，并且仅更新宽度和位置以最适合该视口。

为了进一步解决上述问题，将Modernizr与非触摸测试配合使用将使您可以定位最有可能是平板电脑和智能手机的触摸设备，但是使用基于触摸屏的新版本却没有以前那么好的选择。