bootstrap设置网站中内容的图片,根据屏幕的框都变化而变化,使图片也响应式,自适应起来。
如果图片在文章中插入的,为了避免每次在编辑文章的时候去增加样式,所有可以通过js的设置自动设定图片的样式。
//当所有资源加载完后设置一款简洁实用基于HTML5 Bootstrap实现的响应式手机导航下拉菜单代码,Bootstrap自适应电脑手机端导航下拉菜单网页特效。
声明:凡标题注明“懒人原生”二字,均为本站原创,非书面授权谢绝转载
但是在手机端浏览的时候发现整个页面被缩小的很小,连文字都看不清:
怎样让bootstrap设计的页面在手机端也能响应式自适应
为什么bootstrap设计出来的页面样式虽然都一样,但是在手机端
显示的只是整个页面都缩小而不是响应式的呢?
后来才发现凡是bootstrap设计的页面都带有标签头:
只要每个页面都加上这样的标签头,电脑端和手机端的效果就会保持一致,加了标签头
怎样让bootstrap设计的页面在手机端也能响应式自适应
bootstrap设置网站中内容的图片,根据屏幕的框都变化而变化,使图片也响应式,自适应起来。
如果图片在文章中插入的,为了避免每次在编辑文章的时候去增加样式,所有可以通过js的设置自动设定图片的样式。
//当所有资源加载完后设置