CSS响应式布局实例
程序员文章站
2023-09-06 20:41:23
使用css3的 media query 查询
1.外链方式
只有当屏幕宽度 <= 480px 时,才会加载这个css文件。
2.内嵌方式
@media screen and (min-wi...
使用css3的 media query 查询
1.外链方式
只有当屏幕宽度 <= 480px 时,才会加载这个css文件。
2.内嵌方式
@media screen and (min-width: 480px){ body{ background:blue; } }
当屏幕宽度小于480时 body 背景为蓝色。
推荐阅读
-
初探响应式Web设计_html/css_WEB-ITnose
-
div+css布局实例淘宝分析(二)_html/css_WEB-ITnose
-
bootstrap响应式表格实例详解
-
css3与html5实现响应式导航菜单(导航栏)效果分享
-
css图片响应式+垂直水平居中2_html/css_WEB-ITnose
-
【CSS3 入门教程系列】CSS3 Media Queries 实现响应式设计_html/css_WEB-ITnose
-
Schema ? 模块化,响应式的前端开发框架_html/css_WEB-ITnose
-
[转]CSS3 Media Query实现响应布局_html/css_WEB-ITnose
-
解析web响应式布局中iframe自适应的方法
-
DIV+CSS三列式布局的实现方法_html/css_WEB-ITnose