<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
时间: 2023-11-11 10:50:12 浏览: 152
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
这两个 meta 标签是常见的网页头部标签,其作用如下:
1. `<meta http-equiv="X-UA-Compatible" content="IE=edge">`:用于告知浏览器采用何种模式来渲染页面,通常用于解决 IE 浏览器版本兼容性问题。其中 `IE=edge` 表示使用最新的浏览器模式来渲染页面。
2. `<meta name="viewport" content="width=device-width, initial-scale=1.0">`:用于设置移动设备的视口(viewport)大小,以便更好地适应不同屏幕尺寸的设备。其中 `width=device-width` 表示视口宽度等于设备宽度,`initial-scale=1.0` 表示初始缩放比例为 1.0。
这两个 meta 标签通常建议在网页头部加入,以便浏览器能够更好地解析和渲染页面。
阅读全文