Question

怎样让bootstrap设计的页面在手机端也能响应式自适应

Answer 1

你好
怎样让bootstrap设计的页面不仅在电脑浏览器是响应式在手机端也是响应式呢？
也就是电脑端不同分辨率下的浏览效果跟相应分辨率下的手机端浏览效果是一样的呢？
闲话少说，直接上图看效果：
在用bootstrap设计好页面,并在火狐浏览器上进行调试,效果图如下：

但是在手机端浏览的时候发现整个页面被缩小的很小,连文字都看不清：

为什么会这样呢？
为什么bootstrap设计出来的页面样式虽然都一样,但是在手机端
显示的只是整个页面都缩小而不是响应式的呢？
后来才发现凡是bootstrap设计的页面都带有标签头:
<meta name="viewport" content="width=device-width, initial-scale=1">
只要每个页面都加上这样的标签头,电脑端和手机端的效果就会保持一致，加了标签头

满意请采纳