首页 > 代码库 > 网站布局中响应式布局
网站布局中响应式布局
在页面大小发生变化的时候，让页面显示产生变化，可以使用响应式布局的方式。
例如：在html标签<div class = ‘c1‘>页面布局</div>中，想让其在大小变化达到某个值的时候，背景颜色也同时发生变化。
在css文件中添加
<style> .c1{ background-color:grep; } //@media 意思是，在宽度大于700px的时候，应用@media 中的设置，当小于700px的时候，div标签应用c1效果。 @media (min-width:700px){ background-color:red; }</style>在导入第三方模板后，比如bookstrap模板，想要对第三方模板的样式做修改的话，自己写的css应该放在第三方样式的下面，这样自己写的css才可生效。
如果自己写的CSS放在第三方样式的上面的话，如何让自己的样式生效呢，应该在自己写的样式后加上 !important
<link rel="stylesheet" href="http://www.mamicode.com/bootstrap3.3.0-dist/css/bootstrap.css"/> <style> .no-radius{ border-radius: 0; !important; } </style>
网站布局中响应式布局
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。