常用CSS媒体查询
@media screen and (orientation: portrait) {
/*竖屏 css*/
}
@media screen and (orientation: landscape) {
/*横屏 css*/
}
@media screen and (min-width:1366px){
/*pc端 css*/
}
/*iphone 5/5s/5se */
@media screen and (max-width:569px){
top: 7%;
left: 18%;
}
/*iphone 6/7/8 */
@media screen and (min-width:569px) and (max-width:668px){
top: 12%;
left: 20%;
}
/*iphone 6p/7p/8p */
@media screen and (min-width:668px) and (max-width:737px){
top: 14%;
left: 20%;
}
/*iphone x */
@media screen and (min-width:737px) and (max-width:813px){
top: 12%;
left: 21%;
}
/*ipad*/
@media screen and (min-width:813px) and (max-width:1025px){
top: 22%;
left: 21%;
}
/*ipad pro*/
@media screen and (min-width:1024px){
top: 25%;
left: 21%;
}
最新文章
- ORB-SLAM(一)简介
- python 实现树结构的打印
- 使用kindeditor文本编辑器
- Android事件处理机制
- SQL Server调优系列玩转篇三(利用索引提示(Hint)引导语句最大优化运行)
- MAC OSX通过Terminal命令行控制蓝牙状态开关
- 解析window.open链接的参数
- [Android]在代码混淆中关闭 Log
- [插件]jQuery multiselect初始化及默认值修改
- 【JS笔记】私有变量
- uva 11076
- JBoss - 调整JVM内存 -Xms512m -Xmx1024m
- 在MacOSX下使用Github管理Xcode代码
- 转:CString::GetLength()获得字节数的正确方法
- 网易云课堂_C语言程序设计进阶_第5周:链表_1逆序输出的数列
- C#写PDF文件类库PDF File Writer介绍
- Spark SQL Catalyst源代码分析Optimizer
- 重启OpenStack服务步骤
- php引入文件(include 和require的区别)
- angular : direative : scope | 指令scope里的符号@,=