怎样让bootstrap设计的页面在手机端也能响应式自适应
1个回答
展开全部
但是在手机端浏览的时候发现整个页面被缩小的很小,连文字都看不清:
怎样让bootstrap设计的页面在手机端也能响应式自适应
为什么会这样呢?
为什么bootstrap设计出来的页面样式虽然都一样,但是在手机端
显示的只是整个页面都缩小而不是响应式的呢?
后来才发现凡是bootstrap设计的页面都带有标签头:
<meta name="viewport" content="width=device-width, initial-scale=1">
只要每个页面都加上这样的标签头,电脑端和手机端的效果就会保持一致,加了标签头
的效果图如下:
怎样让bootstrap设计的页面在手机端也能响应式自适应
怎样让bootstrap设计的页面在手机端也能响应式自适应
为什么会这样呢?
为什么bootstrap设计出来的页面样式虽然都一样,但是在手机端
显示的只是整个页面都缩小而不是响应式的呢?
后来才发现凡是bootstrap设计的页面都带有标签头:
<meta name="viewport" content="width=device-width, initial-scale=1">
只要每个页面都加上这样的标签头,电脑端和手机端的效果就会保持一致,加了标签头
的效果图如下:
怎样让bootstrap设计的页面在手机端也能响应式自适应
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询