HTML和CSS之移动端
2024-07-01 21:37:03
meta视口标签
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title></head><body>1</body>
</html>物理像素比
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">*{margin: 0;padding: 0;}div{width: 300px;height: 300px;background-color: #BBFFAA;}/* 物理像素就是分辨率 iphone8的物理像素是750 */再iphone8里面 1px 开发像素 = 2个物理像素</style></head><body><div></div></body>
</html>二倍图做法
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">/* 50px*50px像素图片直接放手机里会放大2倍 就会模糊 *//* 我们采取的是放一个100*100的图片,然后手动的缩小为50*50的 *//* 我们准备的图片比我们实际需要的大小 大2倍,这就是2倍图 */img[src*="apple100"]{width: 50px;height: 50px;}</style></head><body><!-- 模糊的 --><img src="img/apple50(1).jpg" ><!-- 我们采取2倍图 --><img src="img/apple100.jpg" ></body>
</html>背景缩放比
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{width: 500px;height: 500px;border: 2px solid red;background: url(img/dog.jpg) no-repeat;/* background-size: 图片的宽度 图片的高度; *//* background-size: 500px 200px; *//* 1.只写一个参数 是宽度, 会等比例拉伸 *//* background-size: 500px; *//* 2.里面的单位可以给% 相对于父盒子来说 *//* background-size: 50%; *//* 3.cover 要完全覆盖div盒子 可能有部分背景图片显示不全*//* background-size: cover; *//* 4.contain 高度和宽度等比例拉伸 当宽度或者高度铺满div盒子就不再拉伸*/background-size: contain;}</style></head><body><div></div></body>
</html>背景图片2倍图
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">/* 1.50*50图片,要准备2倍 100*100 *//* 2.缩放一般,50*50 bg-size */div{width: 50px;height: 50px;border: 1px solid red;background: url(img/apple100.jpg) no-repeat;background-size: 50px 50px;}</style></head><body><div></div></body>
</html>特殊样式
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{/* css3盒子模型 */-webkit-box-sizing: border-box;}a{/* 点击高亮我们需要清除.设置为transparent透明 */-webkit-tap-highlight-color: transparent; }input{/* 加上这属性才能给按钮和输入框设定样式 */-webkit-appearance: none;}/* 禁用长按页面时弹出菜单 */img,a{-webkit-touch-callout: none;}</style></head><body><a href="">奥特曼</a><input type="button" value="按钮"/></body>
</html>流式布局
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">*{margin: 0;padding: 0;}section{width: 100%;max-width: 980px;min-width: 320px;margin: 0 auto;}section div{float: left;width: 50%;height: 400px;}section div:nth-child(1){background-color: skyblue;}section div:nth-child(2){background-color: yellow;}</style></head><body><section><div></div><div></div></section></body>
</html>flex设置主轴方向
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{/* 给父级添加flex属性 */display: flex;width: 80%;height: 300px;background-color: #bfa;/* 默认的主轴是我们的x轴 row 那么y轴就是侧轴*//* 元素跟朕主轴排列 *//* flex-direction: row; *//* 简单了解翻转 *//* flex-direction: row-reverse; *//* 可以把主轴设置成y轴 *//* flex-direction: column; */flex-direction: column-reverse;}div span{width: 150px;height: 100px;background-color: skyblue;}</style></head><body><div><span>1</span><span>2</span><span>3</span></div></body>
</html>justify-content设置主轴子元素的排列方式
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{display: flex;width: 80%;height: 300px;background-color: #bfa;/* 主轴是x *//* justify-content: 设置主轴上子元素的排列方式; *//* justify-content: flex-start; *//* justify-content: flex-end; *//* 子元素居中对齐 *//* justify-content: center; *//* 平分剩余空间 *//* justify-content: space-around; *//* 先两边贴边,再分配剩余空间 */justify-content: space-between;}div span{width: 150px;height: 100px;background-color: skyblue;}</style></head><body><div><span>1</span><span>2</span><span>3</span><span>4</span></div></body>
</html>flex-wrap子元素是否换行
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{display: flex;width: 600px;height: 400px;background-color: #bfa;/* flex布局中,默认的子元素的不换行的 如果装不开，会缩小子元素的宽度*/flex-wrap: wrap;}div span{width: 150px;height: 100px;background-color: skyblue;margin: 10px;</style></head><body><div><span>1</span><span>2</span><span>3</span><span>4</span><span>4</span></body>
</html>align-items设置侧轴子元素排列
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{display: flex;width: 800px;height: 400px;background-color: #bfa;flex-direction: column;/* 主轴居中 */justify-content: center;/* 侧轴居中 */align-items: center;/* align-items: stretch; */}div span{width: 150px;height: 100px;background-color: skyblue;margin: 10px;</style></head><body><div><span>1</span><span>2</span><span>3</span></body>
</html>align-content设置侧轴子元素排列
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{display: flex;width: 800px;height: 400px;background-color: #bfa;/* 换行 */flex-wrap: wrap;/* 有了换行,侧轴上控制子元素的对齐方式用align-content; *//* align-content: flex-start; *//* align-content: center; *//* align-content: space-between; */align-content: space-around;}div span{width: 150px;height: 100px;background-color: skyblue;margin: 10px;</style></head><body><div><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span></body>
</html>flex-flow复合属性
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{display: flex;width: 600px;height: 300px;background-color: #bfa;/* flex-direction: column;flex-wrap: wrap; *//* 把设置主轴和是否换行 简写:flex-flow */flex-flow: column wrap;}div span{width: 150px;height: 100px;background-color: skyblue;</style></head><body><div><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></body>
</html>flex子项flex份数
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">section{display: flex;width: 60%;height: 150px;background-color: #bfa;margin: 0 auto;}section div:nth-child(1){width: 100px;height: 150px;background-color: red;}section div:nth-child(3){width: 100px;height: 150px;background-color: blue;}section div:nth-child(2){flex: 1;background-color: green;}p{display: flex;width: 60%;height: 150px;background-color: #bfa;margin: 100px auto;}p span:nth-child(1){flex: 2;background-color: blue;}p span:nth-child(n+2){flex: 1;}</style></head><body><section><div></div><div></div><div></div></section><p><span>1</span><span>2</span><span>3</span></p></body>
</html>align-self和order
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">div{display: flex;width: 600px;height: 300px;background-color: #bfa;}div span{width: 150px;height: 100px;background-color: skyblue;margin: 5px;}div span:nth-child(2){/* 默认是0 所以要-1才能排前面*/order: -1;}/* 设置某个元素在侧轴上的排列方式 */div span:nth-child(3){align-self: flex-end;}</style></head><body><div><span>1</span><span>2</span><span>3</span></body>
</html>rem单位
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">html{font-size: 12px;}div{font-size: 12px;width: 15rem;height: 15rem;background-color: skyblue;}p{/* 1.em相对于父元素的字体大小来说 *//* width: 10em;height: 10em; *//* 2.rem相对于html的字体大小来说的 */width: 10rem;height: 10rem;background-color: #bfa;/* 3.rem优点:修改html的文字大小来改变页面中元素的大小 */}</style></head><body><div><p></p></div></body>
</html>媒体查询
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">/* 在我们的屏幕上并且最大的宽度是800px *//* 媒体查询可以根据不同的屏幕尺寸改变不同的样式 */@media screen and (max-width:800px) {body{background-color: #bfa;}}@media screen and (max-width:500px) {body{background-color: skyblue;}}</style></head><body></body>
</html>媒体查询改变背景颜色
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">/* 1.媒体查询一般按照从大到小 从小到大的顺序 *//* 2.小于540px时.背景变为蓝色 */@media screen and (max-width:539px) {body{background-color: #0099FF;}}/* 3.540~970px *//* @media screen and (min-width:540px) and (max-width: 969px){body{background-color: green;}} */@media screen and (min-width: 540px) {body{background-color: green;}}/* 4.>970 */@media screen and (min-width:970px) {body{background-color: red;}}/* 5.screen 和 and 不能省略 */</style></head><body></body>
</html>媒体查询+rem元素动态变化
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">*{margin: 0;padding: 0;}/* 从小到大的顺序 */@media screen and (min-width:320px) {html{font-size: 50px;}}@media screen and (min-width:640px) {html{font-size: 100px;}}.top{height: 1rem;font-size: 0.5rem;background-color: green;color: #fff;text-align: center;line-height: 1rem;}</style></head><body><div class="top">购物车</div></body>
</html>媒体查询引入资源
<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><title></title><style type="text/css">/* 当屏幕>640px以上,我们让div一行显示2个 *//* 当屏幕<640px,我们让div一行显示1个 *//* 媒体查询最好的方法时从小到大 *//* 引入资源就是针对不同的屏幕尺寸,调用不同的css文件 */</style><link rel="stylesheet" type="text/css" href="style320.css" media="screen and (min-width:320px)"/><link rel="stylesheet" type="text/css" href="style640.css" media="screen and (min-width:640px)"/></head><body><div>1</div><div>2</div></body>
</html>less定义变量
// 变量
@color: #ff0000;
@font14:14px;
body{background-color: @color;
}
div{color: @color;font-size: @font14;
}
less嵌套
.header{width: 200px;height: 200px;background-color: #BBFFAA;// 1.less嵌套 子元素的样式直接写到父元素里面a{color: red;// 2.如果有伪类,伪元素,交集选择器 需要加&&:hover{color: blue;}}
}.nav{.logo{color: green;}&::before{content: '';}
}
less运算
// 支持加减乘除
// 1.运算符的左右要留空格
// 2.两个数参与运算,如果只有一个数有单位,最后的结果以这个数的单位为准
//3.两个数参与运算,都有单位，且单位不一样，以第一个单位为准
@baseFont: 50px;
@border: 5px + 5px;
div{width: (200px - 50px) * 2;height: 200px * 2;border: @border solid red;background-color: #666 - #222;
}
img{width: 82rem / @baseFont;height: 82 / 50rem;
}
rem适配方案
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">@media screen and (min-width: 320px) {html{font-size: 21.33px;}}@media screen and (min-width: 750px) {html{font-size: 50px;}}div{width: 2rem;height: 2rem;background-color: #bfa;}/* 1.首先我们选一套标准尺寸 750为准 *//* 2.屏幕尺寸 / 划分的份数 = HTML里的文字大小 不同屏幕得到的大小不一样 *//* 3.页面元素的rem值 = 页面元素在750像素下的px值 / html的文字大小 */</style></head><body><div></div></body>
</html>响应式布局原理
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.container{height: 150px;background-color: #bfa;margin: 0 auto;}/* 1.超小屏幕下，小于768布局容器的宽度为100% */@media screen and (max-width:767px){.container{width: 100%;}}/* 2.小屏幕下 大于等于768 布局容器改为750px */@media screen and (min-width:768px) {.container{width: 750px;}}/* 3.中等屏幕下 992px 布局容器修改为970px */@media screen and (min-width:992px) {.container{width: 970px;}}/* 4. 大屏幕下, 大于等于1200 布局容器修改为1170 */@media screen and (min-width:1200px) {.container{width: 1170px;}}</style>
</head>
<body><!-- 响应式开发里面，首先需要一个布局容器 --><div class="container"></div></body>
</html>
响应式布局导航案例
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Title</title><style>*{margin: 0;padding: 0;}ul{list-style: none;}.container{width: 750px;margin: 0 auto;}.container ul li{float: left;width: 93.75px;height: 30px;background-color: #bfa;}@media screen and (max-width: 767px){.container{width: 100%;}.container ul li{width: 33.33%;}}</style>
</head>
<body><div class="container"><ul><li>导航栏</li><li>导航栏</li><li>导航栏</li><li>导航栏</li><li>导航栏</li><li>导航栏</li><li>导航栏</li><li>导航栏</li></ul></div></body>
</html>
bootStrap布局容器
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"><style></style></head>
<body><!--响应式--><div class="container">123</div><!--百分比-->
<!-- <div class="container-fluid">-->
<!-- ...-->
<!-- </div>-->
</body>
</html>
栅格系统使用
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"><style>[class^="col"] {border: 1px solid #ccc;}.container .row:nth-child(1){background-color: #bfa;}</style>
</head>
<body><div class="container"><div class="row"><div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">1</div><div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">2</div><div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">3</div><div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">4</div></div><!--如果孩子的份数相加=12,则孩子能占满整个container的宽度--><div class="row"><div class="col-lg-6">1</div><div class="col-lg-2">2</div><div class="col-lg-2">3</div><div class="col-lg-2">4</div></div><!--如果孩子的份数相加<12,则孩子不能占满整个container的宽度 会有空白--><div class="row"><div class="col-lg-6">1</div><div class="col-lg-2">2</div><div class="col-lg-2">3</div><div class="col-lg-1">4</div></div><!--如果孩子的份数相加>12,则多余的那一列会另起一行显示--><div class="row"><div class="col-lg-6">1</div><div class="col-lg-2">2</div><div class="col-lg-2">3</div><div class="col-lg-4">4</div></div>
</div></body>
</html>
栅格系统列嵌套
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"><style>.row>div{height: 50px;background-color: #bfa;}</style>
</head>
<body><div class="container"><div class="row"><div class="col-md-4">
<!-- 列嵌套最好加一个行row 可以去掉父元素的padding值 而且高度自动和父级一样高--><div class="row"><div class="col-md-6">a</div><div class="col-md-6">b</div></div></div><div class="col-md-4">2</div><div class="col-md-4">3</div></div>
</div></body>
</html>
栅格系统列偏移
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"><style>.row div {height: 50px;background-color: #bfa;}</style>
</head>
<body><div class="container"><div class="row"><div class="col-md-4">左侧</div><!--偏移的份数 = 12 - 两个盒子的份数--><div class="col-md-4 col-md-offset-4">右侧</div></div><div class="row"><!--如果只有一个盒子，那么就偏移 = 12 - 8/2--><div class="col-md-8 col-md-offset-2">中间盒子</div></div>
</div></body>
</html>
栅格系统列排序
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"><style>.row>div{height: 50px;background-color: #bfa;}</style>
</head>
<body><div class="container"><div class="row"><div class="col-md-4 col-md-push-8">左侧</div><div class="col-md-8 col-md-pull-4">右侧</div></div>
</div></body>
</html>
栅格系统响应式工具
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"><style>.row>div{height: 80px;background-color: #bfa;}.row>div:nth-child(3){background-color: #87ceeb;}span{font-size: 50px;color: #fff;}</style></head>
<body><div class="container"><div class="row"><div class="col-xs-3 visible-lg"><span>我会显示哦</span></div><div class="col-xs-3">2</div><div class="col-xs-3 hidden-md hidden-xs">我会变魔术哦</div><div class="col-xs-3">4</div></div>
</div></body>
</html>
HTML和CSS之移动端相关推荐
- 纯CSS实现移动端常见布局——高度和宽度挂钩的秘密
纯CSS实现移动端常见布局--高度和宽度挂钩的秘密 不踩坑不回头.之前我在一个项目中大量使用css3的calc计算属性.写代码的时候真心不要太爽啊-可是在项目上线之后,才让我崩溃了,原因非常easy, ...
- CSS实现PC端简单的聊天消息气泡样式
CSS实现PC端简单的聊天消息气泡 1. 参考博客: https://blog.csdn.net/weixin_35981962/article/details/117978624 2.实现效果 3. ...
- 打印html时字号不对,HTML+CSS入门 移动端页面字体在微信被放大导致排版错乱如何解决...
本篇教程介绍了HTML+CSS入门 移动端页面字体在微信被放大导致排版错乱如何解决,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 微信调整了字体大小会放大网页的字体,导致 ...
- html移动端隐藏代码,html Css PC 移动端 公用部分样式代码整理
css常用公用部分样式代码整理: body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li ...
- html自动移动滚动条,css隐藏移动端滚动条并平滑滚动
HTML代码如下 移动端隐藏滚动条解决方案 *{ padding:0; margin:0; } .par-type{ height:50px; -webkit-box-sizing:border-bo ...
- 纯css隐藏移动端滚动条解决方案（ios上流畅滑动）
html代码展示(直接复制代码保存至本地文件运行即可): <!DOCTYPE html> <html lang="en"><head><m ...
- css 清空ios端_H5移动端开发常见的问题处理
稍微整理了几个经常在H5移动端开发遇到的东西 不用说我也知道,此类文章太多太多了,常见的譬如: viewport.强制浏览器全屏.IOS的Web APP模式.可点击元素出现阴影(这个我觉得真没必要去掉 ...
- 【前端之路】通过css让移动端与pc端自适应
跨平台移动WEB技术 一.目的 1.了解什么是响应式WEB设计 2.掌握CSS3媒体查询的使用 3.熟悉什么是栅格系统 4.掌握弹性盒布局 5.掌握汉堡菜单的制作 二.制作一个页面: 1.PC端为国字 ...
- 【HTML+CSS】移动端布局之响应式布局+Bootstrap框架
学习视频及笔记参考来源: 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili 一.响应式开发 1.响应式开发原理 原理:就是使 ...
- 【HTML CSS】PC端品优购项目 效果图和代码
素材及代码 品优购 首页 品优购 列表页 品优购 注册页 [index.html] <!DOCTYPE html> <html lang="zh-CN">& ...
最新文章
- shaderlab学习一
- Matlab中左除和右除
- PHP 技能精进之 PHP-FPM 多进程模型
- JAVA入门级教学之（构造方法）
- python环境变量的配置 alias_配置别名
- 数据结构-树1-概念
- 袁桂英（帮别人名字作诗）
- 国内首位！Node.js社区将阿里云工程师张秋怡吸纳为CTC成员
- 早期预警系统的组成要素
- java heapdump 分析工具_Java Heap dump文件分析工具jhat简介
- Vue3 正式版要来了？
- 个人笔记-Minecraft阿里云服务器搭建
- 含论文基于JAVA的户籍信息管理系统【数据库设计、源码、开题报告】
- 使用qq截图并进行文字提取
- php后台界面修改教程,帝国cms后台界面修改方法
- 张锋同学对数值策划的定义
- gis计算频数_matlab简单区间列频数统计输出
- 浅谈Linux就业前景
- 用DOCKER安装及使用SSCHA
- ip iq 谐波检测matlab仿真,ip-iq谐波检测法的仿真及实验研究ip-iq谐波检测法的仿真及实验研究.pdf...
热门文章
- 毫米波雷达以及在ADAS中的应用
- 访问学者在美国的安全问题介绍
- 纷享销客《2022新增长系列之快消行业橙皮书》重磅发布
- Android—常用热修复框架
- 时寒冰说:经济大棋局,我们怎么办 读书笔记
- 通过安装VNC服务器x11vnc(或vnc4server)和配置x11vnc.service实现远程通过VNC-Viewer访问VNC服务器。
- shopex木马 shopex快照木马清除
- 计算机无法安装VC2015,VC14(VC2015)安装失败,0x80240017
- HTML怎么引入popper,详解怎么改el-select的风格：popper-append-to-body和popper-class
- win7服务器未能登录怎么解决,win7开机提示group policy client服务未能登录拒绝访问怎么办...