使用 Bootstrap 的带有 NetFront 浏览器的自定义设备
Custom Device with NetFront Browser Using Bootstrap
我的设备可以具有 3 种不同屏幕尺寸中的一种 - 800 x 392、1024 x 544、1280 x 725。
目前我们使用不同的 css 文件，当屏幕尺寸定义从 HTTP header 中提取时，我们会使用我们的 Web 应用程序。我想切换到 Bootstrap 以统一我们的应用程序的外观，但也做一个 css 定义而不是 3。当我加载这个 bootstrap 示例时 - http://getbootstrap.com/examples/grid/在我的浏览器上调整不同的宽度，我得到了我喜欢的结果。 800px 宽度的一个显示为移动显示（堆叠网格），其他显示为列....当我加载到设备上时，所有三个都以移动格式加载（800px 外观）。这是因为设备浏览器被识别为移动浏览器 (Netfront 3.5) 还是某些 javascript 未正确加载？
请原谅我对 bootstrap 的了解，因为在我阅读越来越多之前它有点局限。在我们首先深入了解我们用于设备的框架之前，我正在尝试进行概念验证 UI...请帮忙。
编辑 - http://getbootstrap.com/examples/non-responsive/ 在带列的设备上正确显示。
您提供的 link 中的前 3 个示例使用 "medium" 列。这意味着 992px 以下的任何浏览器 window 都会显示堆叠在一起的列。据我了解，Bootstrap 在显示列时并不真正关注设备，它只担心 window 大小。页面下方的示例在您的移动设备上看起来是否正确？那些使用 "small" 和 "extra small" 列断点，应该在较小的设备上充当列。
编辑：您还可以在 bootstrap 中自定义断点，这样您就可以自定义它们以适合您的应用大小 - 800、1024、1280。
我的设备可以具有 3 种不同屏幕尺寸中的一种 - 800 x 392、1024 x 544、1280 x 725。
目前我们使用不同的 css 文件，当屏幕尺寸定义从 HTTP header 中提取时，我们会使用我们的 Web 应用程序。我想切换到 Bootstrap 以统一我们的应用程序的外观，但也做一个 css 定义而不是 3。当我加载这个 bootstrap 示例时 - http://getbootstrap.com/examples/grid/在我的浏览器上调整不同的宽度，我得到了我喜欢的结果。 800px 宽度的一个显示为移动显示（堆叠网格），其他显示为列....当我加载到设备上时，所有三个都以移动格式加载（800px 外观）。这是因为设备浏览器被识别为移动浏览器 (Netfront 3.5) 还是某些 javascript 未正确加载？
请原谅我对 bootstrap 的了解，因为在我阅读越来越多之前它有点局限。在我们首先深入了解我们用于设备的框架之前，我正在尝试进行概念验证 UI...请帮忙。
编辑 - http://getbootstrap.com/examples/non-responsive/ 在带列的设备上正确显示。
您提供的 link 中的前 3 个示例使用 "medium" 列。这意味着 992px 以下的任何浏览器 window 都会显示堆叠在一起的列。据我了解，Bootstrap 在显示列时并不真正关注设备，它只担心 window 大小。页面下方的示例在您的移动设备上看起来是否正确？那些使用 "small" 和 "extra small" 列断点，应该在较小的设备上充当列。
编辑：您还可以在 bootstrap 中自定义断点，这样您就可以自定义它们以适合您的应用大小 - 800、1024、1280。