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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:

一款简洁实用基于HTML5 Bootstrap实现的响应式手机导航下拉菜单代码,Bootstrap自适应电脑手机端导航下拉菜单网页特效。

声明:凡标题注明“懒人原生”二字,均为本站原创,非书面授权谢绝转载

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

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

为什么bootstrap设计出来的页面样式虽然都一样,但是在手机端

显示的只是整个页面都缩小而不是响应式的呢?

后来才发现凡是bootstrap设计的页面都带有标签头:

只要每个页面都加上这样的标签头,电脑端和手机端的效果就会保持一致,加了标签头

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

    bootstrap设置网站中内容的图片,根据屏幕的框都变化而变化,使图片也响应式,自适应起来。

    如果图片在文章中插入的,为了避免每次在编辑文章的时候去增加样式,所有可以通过js的设置自动设定图片的样式。

//当所有资源加载完后设置

我要回帖

更多关于 bootstrap是什么 的文章

 

随机推荐