关于"media queries"的文章

用flex弹性布局仿站MindMaster

用flex弹性布局仿站MindMaster
刚学习了flex弹性布局,于是给学生们练手了一个小页面,利用flex弹性布局结合media queries媒体查询和calc()计算函数实现了一个响应式的页面设计。flex弹性布局在一维布局上好用,但...

CSS3第十六课: Media Queries媒体查询——响应式布局的关键

其实在CSS2的规范就提出了@media的规则,就是根据不同的设备使用不同的css样式。遗憾的是很多设备媒介没有得到支持。所以在CSS3中,关于媒体查询的含义发生了改变,不再是查看设备的类型,而是查看设备的功能。媒体查询主要可以查看设备的功能如下:设备视口的宽度和高度设备本身的宽度和高度。横屏竖屏(...

CSS3案例集12:响应式布局初体验!(更新移动端导航菜单)

CSS3案例集12:响应式布局初体验!(更新移动端导航菜单)
一个月的ps基础课程教学终于结束,网站也好久没有更新了,今天学生们准备项目汇报的作品,我忙里偷闲赶紧来更新一下。响应式布局几乎是现在网页设计的标配,能在不同的屏幕宽度下显示不同的效果,而不用准备不同的...
Top