JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档标签: 自适应

解决CSS3 Media Queries兼容问题制作响应式页面.

文章来源:http://www.bjishu.com/using-ie-css3htc-make-compatible-response-page ‍‍在“实现网站自适应的切实方法–实战总结”中我介绍了使用js和css实现响应式布局的具体实现方法,本文我详细介绍一下如何让低版本ie支持css3屏幕判断,并实现自适应布局的方法。‍‍‍‍1、解决兼容性问题  (1)页面最顶部必须定义:<!DOCTYPE html>(2)点击:下载 respond.js 文件(3)引入<script src="respond.js"></script>;respond.js必须在样式表之后引用(4)页面必须在服务器环境中运行,直接打开用不了2、使用css3判断窗口大小设置不同样式: 举个例子:/*宽度小于500px时;背景为红色*/@media screen and (max-width:500px){body{background:red;}} /*宽度在500px-80...
此文被围观2791次  分类: 前端设计 标签:  ···

站点声明:部分内容源自互联网,为传播信息之用,如有侵权,请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。蜀ICP备12031064号