美泰克

美泰克网站简要介绍

美泰克(Mattek)是一家专注于提供高品质电子产品的公司，其产品线涵盖了各种电子元器件和工具。在本文中，我们将介绍美泰克网站的样式以及一些与浏览器兼容性相关的代码。

网站样式

美泰克网站采用了简洁明了的设计风格，通过.video-js类设置视频播放器的宽度为300px,高度为150px。同时，使用了.vjs-fluid类来实现自适应布局，使得播放器能够根据浏览器窗口大小自动调整。

.video-js { width: 300px; height: 150px; }
.vjs-fluid { padding-top: 56.25% }

浏览器兼容性检测

为了确保网站能够在不同的浏览器上正常运行，美泰克在页面中引入了一个名为BrowserChecked的JavaScript库来检测用户的浏览器是否支持特定的功能。在这个例子中，我们需要检测的是Internet Explorer(IE)浏览器是否支持。如果不支持，将会触发一个Ajax请求来获取日志数据。

var version = 9, notSupportList = [{ name: "ie", version: version }], notSupportListFromName = ["/msie|trident/", "qqbrowserlite"], browserData = { reverse: true }, dogSrc = 1;
browserData.notSupportList = notSupportList;
if (!BrowserChecked(browserData).isSupport) {
var xhr = new XMLHttpRequest();
xhr.open('GET', '/ajax/log_h.jsp?cmd=dog&dogId=200696&dogSrc=' + dogSrc, true);
xhr.onreadystatechange = function () { ... };
}

美泰克网站以其简洁的样式和良好的兼容性为用户提供了一个愉快的浏览体验。