文档章节

响应式设计学习笔记

李韬_varyshare
 李韬_varyshare
发布于 2016/09/15 02:00
字数 90
阅读 23
收藏 0

css媒体查询

根据不同的屏幕宽度设置不同的样式:

例子:

<style>
  @media screen and (max-width:768px){
         body{
                   background:red;
              }
       }
    @media screen and (max-width:960px){
                 body{
                      background:green;
                 }
              }
</style>

基本格式:

@media screen and (max-width:宽度){

          css的样式 

}

判断是否是竖屏然后获取不同的样式表

<link rel="stylesheet" media="screen and (orientation: portrait)"  href="">

 

© 著作权归作者所有

上一篇: HashMap的使用
下一篇: javaweb开发
李韬_varyshare

李韬_varyshare

粉丝 7
博文 27
码字总数 18588
作品 1
广州
个人站长
私信 提问
Koa.js 设计模式-学习笔记

前言 之前写过一本《Koa2进阶学习笔记》作为Koa的入门教程。很多知识点都是一笔带过,没有深入的讲解。这一本书是通过Koa.js的常用中间件实现原理,举一反三来讲解一些Node.js在Web开发过程中...

大灰狼的小绵羊哥哥
2018/11/01
0
0
JavaWeb05-HTML篇笔记(二)

1.3 案例二:使用BootStrap设计一个响应式的页面: 1.3.1需求: 设计一套页面能够通用在不同的设备上,在手机,pad上,电脑上都可以浏览这个网页,而不影响正常的浏览的方式. 1.3.2分析: 1.3.2....

我是小谷粒
2018/05/10
0
0
18 个详细的响应式 Web 设计教程

在这篇文章中,我想跟你分享 18 个很有用的响应式 Web 设计的教程,这些教程可以帮助你学习响应式设计,包括瀑布流表格、图片和 media queries。 创建移动优先的响应式设计 使用 Sass 和 Co...

小编辑
2013/06/18
10.6K
5
在线教育专业建站工具--EduWind

Eduwind是由北京水木信步网络科技有限公司开发的网校服务,公司位于清华科技园。目前,EduWind的产品系列包括以下两大版本: EduWind网校开源软件; EduWind网校SaaS平台。 本文重点介绍Edu...

liangjh
2014/02/20
27.4K
28
RxJS学习笔记(1)

RxJS 概述 RxJS全名Reactive Extensions for JavaScript,起源于Reactive Extensions项目,该项目主要实现各种语言的响应式编程(Reactive programming)库,被认为是观察者模式与函数式编程...

谦啸
2018/01/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
10
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
1K
11
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部