如何 Bootstrap 用电脑浏览也是手机样式?

如何 Bootstrap 用电脑浏览也是手机样式
想要在电脑浏览器全屏浏览也是显示这样效果
image.png

阅读 2.8k
2 个回答

BS 里面很重要的一个理念就是 栅格布局,你可以去了解一下。

如果你想要PC和移动端都是同样的布局效果,就直接用 sm/xs 的样式来布局就好了,就不需要去用它的响应式布局。但是如果说桌面显示其也和移动端一样的,UI上面就会让人感觉很别扭,很浪费空间。

使用 chrome的开发者控制台,打开后点击控制台左上角,就可以实现手机窗口打开,还可以自定义窗口尺寸,大小自己调整
image.png

主要区别在于请求的UA header不一样

手机端是这样的:user-agent: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Mobile Safari/537.36

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题