PC端一般都会做很多鼠标经过的样式，比如文字变色，图片变大，显示隐藏等效果。但是到了移动端，鼠标经过效果变成了点击之后出现，还伴随一个半透明的灰色背景。其实，在做页面之前，我们就要思考，这个效果是PC端鼠标悬停时的效果，在移动端没有悬停的时候又应该是什么样子？最好的解决方案就是利用Media Que...
2023年06月10日 894
关于"media queries"的文章
CSS3案例集
media queries响应式完成导航菜单的切换
预算有限的公司，网站内容不太多的公司，都可以通过响应式实现一套代码覆盖PC到移动端，这也算是互联网从PC过渡到移动端的产物吧。现在绝大部分页面都在移动端了，PC端的项目更多的是与专业工作技能有关的，与...
2020年01月07日 775
CSS3案例集
用flex弹性布局仿站MindMaster
刚学习了flex弹性布局，于是给学生们练手了一个小页面，利用flex弹性布局结合media queries媒体查询和calc()计算函数实现了一个响应式的页面设计。flex弹性布局在一维布局上好用，但...
2019年03月28日 3623
CSS教程
CSS3第十六课： Media Queries媒体查询——响应式布局的关键
其实在CSS2的规范就提出了@media的规则，就是根据不同的设备使用不同的css样式。遗憾的是很多设备媒介没有得到支持。所以在CSS3中，关于媒体查询的含义发生了改变，不再是查看设备的类型，而是查看设备的功能。媒体查询主要可以查看设备的功能如下：设备视口的宽度和高度设备本身的宽度和高度。横屏竖屏（...
2019年02月22日 3233
CSS3案例集
CSS3案例集12：响应式布局初体验！(更新移动端导航菜单)
一个月的ps基础课程教学终于结束，网站也好久没有更新了，今天学生们准备项目汇报的作品，我忙里偷闲赶紧来更新一下。响应式布局几乎是现在网页设计的标配，能在不同的屏幕宽度下显示不同的效果，而不用准备不同的...
2018年01月30日 4586