Bootstrap基于移动设备开发,需要在meta标签中写什么

1 <meta name="viewport" content="width=device-width,initial-scale=1" />
2 <!--由于移动设备的屏幕很小,在第一次打开网页时,有些浏览器可能不会按照响应式布局进行展示,而是按照原来页面的大小,用户可以通过滑动,或者缩放来调整页面位置,大小,这样我们的响应式开发就没有用处,加上这就话就是,页面加载后宽度和物理设备的宽度一致,并且无缩放-->
3 <meta http-equiv="X-UA-Compatible" content="IE=edge">
4 <!--由于IE浏览器并不能很好的支持bt,所以这就话的意思是告诉IE浏览器,用最新的渲染方式加载页面-->
1 <!--bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。-->
2 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
3 <!--同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码:-->
4 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
5 <!--bt不支持IE的兼容模式-->

 
时间: 2024-11-05 22:44:46

Bootstrap基于移动设备开发,需要在meta标签中写什么的相关文章

浅析网页meta标签中X-UA-Compatible属性的使用

今天有一个做开发的朋友突然问你知道很多网站上面加入的X-UA-Compatible属性的意义么?其实这个在以前还专门花了一点时间来验证我自己的想法,结果也确实如自己所预想的那样,八九不离十,当然有一点点的偏差.我做的项目中也并不是每个项目中都使用该属性.那么我们首先来看看几个知名站点,他们也使用了这个 上面时淘宝的,下面是百度的. 都可以发现在head中又一个meta,里面有一个X-UA-Compatible的属性,而且确实非常多的网站中在使用.当然也有很多网站是在开发的时候不管三七二十一给加上

Meta标签中的apple-mobile-web-app属性及含义

一.Meta标签中的apple-mobile-web-app-capable属性及含义 这meta的作用就是删除默认的苹果工具栏和菜单栏. content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示. 二.Meta标签中的apple-mobile-web-app-status-bar-style属性及含义 “apple-mobile-web-app-status-bar-style”作用是控制状态栏显示样式 (默认样) 具体效果如下: st

Meta标签中的属性及含义

一.Meta标签中的format-detection属性及含义 format-detection翻译成中文的意思是“格式检测”,顾名思义,它是用来检测html里的一些格式的,那关于meta的format-detection属性主要是有以下几个设置: meta name="format-detection" content="telephone=no" meta name="format-detection" content="email

Meta标签中的format-detection属性及含义(转)

一.Meta标签中的format-detection属性及含义 意为:格式检测 或许你会有这样的经历:当你在制作手机端的页面中,点击了没有加任何链接的格式的数字时,这时手机会进行自动拔号提示操作! 禁止这一提示方法: 加入meta标签,如:<meta name="format-detection" content="telephone=no"> 同理,还会有以下相关操作: 1.禁止跳转邮箱:<meta name="format-detec

meta标签中的http-equiv属性使用介绍(转载)

meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.name属性 name属性主

关于meta标签中的http-equiv属性使用介绍

meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能. 1.name属性 name属性主

meta标签中的http-equiv属性使用介绍

meta是html语言head区的一个辅助性标签;meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言等等 meta是html语言head区的一个辅助性标签.也许你认为这些代码可有可无.其实如果你能够用好meta标签,会给你带来意想不到的效果, meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属

Meta标签中的viewport属性及含义

Viewport DEMO 一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 这段代码的意思是,让viewport的宽度等于物理设备上的真实分辨率,不允许用户缩放.一都

.NET 在meta标签中使用表达式设置页面的关键字

在aspx文件中 给meta标签的属性复制是不能直接使用 表达式的 错误的写法: <meta name="keywords" content="<%=newsType.Nt_KeyWords %>"/> 无法解析 正确的写法: <meta name="keywords" content=<%="\"" +newsType.Nt_KeyWords %>"/> &