六、使用media实现响应式布局
2024-10-21 07:39:06
常见写法:
下面总结常见的响应式布局的分类:
@media screen and (max-width:320px){
#talkFooter .editArea{…… }
}
@media screen and (min-width:321px) and (max-width:375px){
#talkFooter .editArea{…… }
}
@media screen and (min-width:376px) and (max-width:414px){
#talkFooter .editArea{…… }
}
@media screen and (min-width:415px) and (max-width:639px){
#talkFooter .editArea{……}
}
@media screen and (min-width:640px) and (max-width:719px){
#talkFooter .editArea{……}
}
@media screen and (min-width:720px) and (max-width:749px){
#talkFooter .editArea{……}
}
@media screen and (min-width:750px) and (max-width:799px){
#talkFooter .editArea{……}
}
@media screen(min-width:800px){}
最新文章
- asp.net core 1.1 升级后,操作mysql出错的解决办法。
- zabbix 3.0快速安装简介(centos 7)
- 由浅入深探究mysql索引结构原理、性能分析与优化 转
- Java 设计模式学习总结(下)
- Java基础知识强化之集合框架笔记75:哈希表
- (转)基于即时通信和LBS技术的位置感知服务(三):搭建Openfire服务器+测试2款IM客户端
- codeproject
- Swift 2.0 字符串学习笔记(建议掌握OC字符串知识的翻阅)
- Vim+Vundle+YouCompleteMe 安装
- 前端-JavaScript练习2
- JMeter 检查点之响应断言(Response Assertion)
- 你不得不知道的 .NET CORE —— .NET Framework, .NET Core 和 .NET Standard 的区别
- Java singleton 一例
- Linux mmc framework2:基本组件之block
- 函数func_splitString:将字符串按指定方式分割,获取指定位置的数
- 一、I/O操作(流的概念)
- Teamwork(The fourth day of the team)
- 1 年经验 Java 求职面试题
- Simple dc/dc converter increases available power in dual-voltage system
- faster-rcnn anchor_target_layer、rpn_proposal_layer、proposal_target_layer
热门文章
- python 小练习('''产生了多少个对象''')('''模拟两个英雄,昵称,攻击力,生命值''')
- Java 覆写初探
- selenium+Python(截图保存错误页面)
- 10个重要的算法C语言实现源代码
- apache ab测试介绍
- 学习Python要知道哪些重要的库和工具
- AtCoder Regular Contest 059 F Unhappy Hacking
- [Hadoop大数据]--kafka入门
- 管理nginx(采用信号的方式)
- Tool Scripts