使用bootstrap框架,当引入响应式CSS自适应屏幕大小时,采取啥措施保持页面原来栅格系统的940px的宽度,而不会变“宽”,避免940px的banner大图发生偏移
响应式设计的要义是要在屏幕大小变化时做到兼容,你这个图片应该在屏幕大小变化时候hold住不变吧。解决方案:在img加上样式max-width:100%;,图片就会跟着container的大小变化。当然前提是你图片本身要符合container的比例。参见http://webdesignerwall.com/demo/adaptive-design/final.html
■网友
我想到的办法就是将3种都设成一样,或者将不需要的注释,重新编译// Small screen / tablet@container-tablet: ((940px + @grid-gutter-width));//** For `@screen-sm-min` and up.@container-sm: @container-desktop;// Medium screen / desktop// @container-desktop: ((940px + @grid-gutter-width));//** For `@screen-md-min` and up.// @container-md: @container-desktop;// Large screen / wide desktop@container-large-desktop: ((940px + @grid-gutter-width));//** For `@screen-lg-min` and up.@container-lg: @container-desktop;
■网友
@media(max-width:480px) @media(max-width:767px)@media(min-width:768px) and (max-width:979px) @media(max-width:979px)@media(min-width:980px) @media(min-width:1200px)在bootstrap-responsive.min.css中删除或隐藏@media(min-width:1200px) 的设置即可。
推荐阅读
- 『先进』长江流域最先进洗舱站在宁投运 油可分离回收,水能循环使用
- 汽车|冬天怎样让车内温度快速升高?座椅加热的最佳使用方式二,外循环的作用总结
- 汽车|迈凯伦Artura不再使用迈凯伦祖传V8引擎了?
- python的html5lib这个库咋使用啊我在网上也没有找到相关文档
- win7中本地连接跟无线网卡同时使用时是怎么样的模式
- 可不可能利用网盘的秒传功能使用伪造的MD5(或其他信息)值进行文件分享
- 想写个个人博客,苦于不知道用啥前端框架
- 为啥很多企业给用户发邮件会使用noreply/no-reply@xx.xx的邮箱
- win10激活的问题
- 全网通的mate8能不能插美国手机卡,在美国使用
