普通的html页面中ie11的兼容性问题
项目背景:做一个公司的门面网站,响应书布局,适配各种设备及分辨率
技术:media媒体查询、flex布局、vue.js
实现方式:
<!DOCTYPE html>
<html>
<head><title>资产</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"><link rel="stylesheet" type="text/css" href="./css/common.css"><link rel="stylesheet" media="screen and (max-width:768px)" href="./css/phone.css" /><link rel="stylesheet" media="screen and (min-width:768px)" href="./css/tablet.css" /><link rel="stylesheet" media="screen and (min-width:1024px)" href="./css/desktop.css" /><link rel="stylesheet" media="screen and (min-width:1200px)" href="./css/desktop_hd.css" /><script src="./js/polyfill.min.js" type="text/javascript"></script><!--兼容--><script src="./js/vue.min.js" type="text/javascript"></script>
</head>
<body><div id="app">。。。。。</div>
</body>
</html><script type="text/javascript">
var app = new Vue({el: '#app',data: function(){return {}},methods: {initLoad:function(){}},mounted:function() {this.initLoad()}
})
</script>
css注意点:
1.ie中<div></div> 没有高度,flex-direction: column;时,不要写flex:1;flex:2;flex:3.......。否则样式错乱!!!!
2.ie中<div></div>和<p></p>一定要写宽度width。否则样式错乱!!!!
普通的html页面中ie11的兼容性问题相关推荐
- 如何在aspx页面中插入swf动画
阅读: 66 评论: 0 作者: eng308 发表于 2009-10-27 13:14 原文链接 <OBJECT classid="clsid:D27CDB6E-AE6D-11cf- ...
- JSP页面中常用四种标签
JSP页面常用四种标签: 1. EL表达式: ${} 2. jstl表达式(sun apache): <%@ taglib prefix="c" uri="htt ...
- 用JavaScript和CSS实现“在页面中水平和垂直居中”的时钟
思路:实现起来最麻烦的事实上是水平居中和垂直居中,当中垂直居中是最麻烦的. 考虑到浏览器兼容性,网上看了一些资料,发如今页面中垂直居中确实没有什么太好的办法. 于是就採用了position:fixed ...
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(2):处理异步调用中的异常...
本文来自<ASP.NET AJAX程序设计 第II卷:客户端Microsoft AJAX Library相关>的第三章<异步调用Web Service和页面中的类方法>,请同时 ...
- sharepoint页面嵌入_在SharePoint 2010页面中嵌入SWF文件
在SharePoint 2007之前的版本中,我们可以像在普通的html页面里一样,在SharePoint页面中插入Flash文件.但是,当我在2010里做相同的工作时却发现始终是提示"没有 ...
- WAP开发笔记(1)-.net移动页面中html控件不能直接显示的解决
最近这几天做了一些.NET移动控件的应用开发,与普通的asp.net页面比起来还是有点差别的. 在.net移动页面中是不能直接使用普通的html控件的,这样给开发带来许多的不方便,因为感觉.net移动 ...
- aspx隐藏前台控件div_c# – 代码隐藏页面无法“查看”aspx页面中声明的任何项目/控件...
这是我的Default.aspx页面(删除了不必要的细节): Username Password 这是代码隐藏(删除了不必要的细节): namespace webapp { public partia ...
- html调试的时候弹出一直消失,页面中css调试和问题解决的一些经验总结
在前端开发中经常会碰到浏览器兼容性问题.css2各个属性被各个浏览器支持的问题,css继承,css叠加等等,我们经常因为这些而需要调试页面中css. 以下只是我个人的一些经验总结,如果有不合适请留言斧 ...
- 如何将一个HTML页面嵌套在另一个页面中
如何将一个HTML页面嵌套在另一个页面中 2010-05-05 16:45 559人阅读 评论(1) 收藏 举报 这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页 ...
最新文章
- jieba分词工具的使用方法
- lightoj 1014
- java 字符整数_Java整数是否等于字符?
- vim折叠的使用方法
- web移动端开发经验总结
- 控件事件的发生与页面加载的关系
- 价值5000元的报表分享
- 图:[比赛打分策划方案]某航天大学韵律操比赛策划书
- Github上托管项目
- paip.截屏功能流程说明
- 软件开发版本号命名规则
- tourex旅游系统 php,TourEx 旅游电商系统B2C_B2B2C v7.0升级V8.0 旅游源码系统无限制版源码工程源码...
- 计算机学科评估b是水平,学科评估B什么水平?
- 招银网络科技校园招聘面试2020.10
- 路由器: 手把手教你小米路由器 4C 刷 OpenWrt 固件
- SAS9.4+sid更新
- 镜子法则--看得人泪流满面!
- 3 移动机器人路径规划(1- 栅格地图绘制)
- 使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具
- 识别检测类系统(基于pytorch)(一)