项目背景:做一个公司的门面网站,响应书布局,适配各种设备及分辨率

技术: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的兼容性问题相关推荐

  1. 如何在aspx页面中插入swf动画

    阅读: 66 评论: 0 作者: eng308 发表于 2009-10-27 13:14 原文链接 <OBJECT classid="clsid:D27CDB6E-AE6D-11cf- ...

  2. JSP页面中常用四种标签

    JSP页面常用四种标签: 1. EL表达式:  ${} 2. jstl表达式(sun apache): <%@ taglib prefix="c" uri="htt ...

  3. 用JavaScript和CSS实现“在页面中水平和垂直居中”的时钟

    思路:实现起来最麻烦的事实上是水平居中和垂直居中,当中垂直居中是最麻烦的. 考虑到浏览器兼容性,网上看了一些资料,发如今页面中垂直居中确实没有什么太好的办法. 于是就採用了position:fixed ...

  4. 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(2):处理异步调用中的异常...

    本文来自<ASP.NET AJAX程序设计 第II卷:客户端Microsoft AJAX Library相关>的第三章<异步调用Web Service和页面中的类方法>,请同时 ...

  5. sharepoint页面嵌入_在SharePoint 2010页面中嵌入SWF文件

    在SharePoint 2007之前的版本中,我们可以像在普通的html页面里一样,在SharePoint页面中插入Flash文件.但是,当我在2010里做相同的工作时却发现始终是提示"没有 ...

  6. WAP开发笔记(1)-.net移动页面中html控件不能直接显示的解决

    最近这几天做了一些.NET移动控件的应用开发,与普通的asp.net页面比起来还是有点差别的. 在.net移动页面中是不能直接使用普通的html控件的,这样给开发带来许多的不方便,因为感觉.net移动 ...

  7. aspx隐藏前台控件div_c# – 代码隐藏页面无法“查看”aspx页面中声明的任何项目/控件...

    这是我的Default.aspx页面(删除了不必要的细节): Username Password 这是代码隐藏(删除了不必要的细节): namespace webapp { public partia ...

  8. html调试的时候弹出一直消失,页面中css调试和问题解决的一些经验总结

    在前端开发中经常会碰到浏览器兼容性问题.css2各个属性被各个浏览器支持的问题,css继承,css叠加等等,我们经常因为这些而需要调试页面中css. 以下只是我个人的一些经验总结,如果有不合适请留言斧 ...

  9. 如何将一个HTML页面嵌套在另一个页面中

    如何将一个HTML页面嵌套在另一个页面中 2010-05-05 16:45 559人阅读 评论(1) 收藏 举报 这个在做网页中常要用到,有些通用的内容可集中放在一个页面文件中,其它要用到这些内容的页 ...

最新文章

  1. jieba分词工具的使用方法
  2. lightoj 1014
  3. java 字符整数_Java整数是否等于字符?
  4. vim折叠的使用方法
  5. web移动端开发经验总结
  6. 控件事件的发生与页面加载的关系
  7. 价值5000元的报表分享
  8. 图:[比赛打分策划方案]某航天大学韵律操比赛策划书
  9. Github上托管项目
  10. paip.截屏功能流程说明
  11. 软件开发版本号命名规则
  12. tourex旅游系统 php,TourEx 旅游电商系统B2C_B2B2C v7.0升级V8.0 旅游源码系统无限制版源码工程源码...
  13. 计算机学科评估b是水平,学科评估B什么水平?
  14. 招银网络科技校园招聘面试2020.10
  15. 路由器: 手把手教你小米路由器 4C 刷 OpenWrt 固件
  16. SAS9.4+sid更新
  17. 镜子法则--看得人泪流满面!
  18. 3 移动机器人路径规划(1- 栅格地图绘制)
  19. 使用 history 对象和 location 对象中的属性和方法制作一个简易的网页浏览工具
  20. 识别检测类系统(基于pytorch)(一)

热门文章

  1. 计算机软件专业英语简历,计算机软件专业的英文简历模板
  2. 使用JS代码简单实现九九乘法表
  3. css3画各种三角形(transparent)
  4. GBase SQL语法(一)
  5. 汽车背后那些看不见的软件系统
  6. 2022 CCPC 威海 赛后总结
  7. 【ParaView教程】第四章 常见问题 —— 怎样绘制二维翼型上压力系数Cp或马赫数Mach沿翼型的变化?
  8. SonarQube 9.x集成阿里p3c代码规范检测java代码;
  9. 设置键盘一键打开网易云音乐
  10. lua移植到STM32F4全过程