Bootstrap 3 具有 4 种网格模式:
\n\n
\n- XS:超小型设备手机 (<768px)
\n- SM:小型设备平板电脑 (\xe2\x89\xa5768px)
\n- MD:中型设备桌面 (\xe2\x89\xa5992px)
\n- LG:大型设备桌面 (\xe2\x89\xa51200px)
\n
\n\n
在现实世界中,它并不取决于屏幕分辨率,而是取决于设备。例如,Nexus 5 (1920px) 使用 XS,iPad 1 (1024px) 使用 MD。
\n\n
我想让网站响应式,但不使用 4 种模式(因为网站很复杂,有些部分根本无法在移动设备中使用 - 即复杂的图像网格)。我只想使用两种模式:一种用于台式机(和平板电脑),另一种用于手机。
\n\n
使用 Google Canary 模拟模式我发现:
\n\n
\n- XS:BB Z10 / Z30;HTC Evo、Touch HD、Desire HD、Desire;iPhone 3GS/4/5;Nexus S/4/5;三星 Galaxy Note / S3 / S4;索尼 Xperia S
\n- SM:亚马逊 Kindle Fire HD 7;Nexus 7 / 7.2
\n- MD:BB PlayBook;IPAD 1/2/iPad 迷你;平板电脑3/4
\n- LG:亚马逊 Kindle Fire /Fire HD 8.9\xe2\x80\xb3;Nexus …