小编4lb*_*rto的帖子

您使用哪种 Boostrap3 移动/桌面网格模式?

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 …

mobile responsive-design twitter-bootstrap

5
推荐指数
1
解决办法
8419
查看次数