新闻资讯
当前位置: 首页 > 新闻资讯

不同大小的屏幕显示不同的颜色

body{     background: #000;     color: #fff;     text-align: center; } @media ( max-width: 767px ) {     body{         background: #10c55b;     } }

bootstrap特效之wow.min.js+animate.css组合

bootstrap特效之wow.min.js+animate.css组合 第一步:在所要展示的网页中添加文件: <link rel="stylesheet" href="css/animate.css"/> <script src="js/wow.min.js"></scrip

bootstrap导航特效及快速收回效果

导航菜单:        <div class="navbar-collapse collapse">             <ul class="nav navbar-nav navbar-right">                 <li><a href="#home">首页</a></li>

响应式网页设备方向的判断

响应式网页设备方向的判断 orientation含义:用于判断智能手机、平板电脑的方向,一般指水平方向。 orientation案例代码: @media(orientation:landscape){     body{         ba

响应式网页媒体特性的判断写法

我们在设置网页的时候,有时候会用一些表达式来判断媒体的特性,比如:分辨率、高度、宽度、屏幕的宽和高的比率,可视窗口的尺寸,使用的方向等。 判断当前网页使用的方向是否为垂直