白蚁防治行业职业培训

白蚁防治行业职业培训网站

欢迎来到白蚁防治行业职业培训网站！这个网站致力于提供白蚁防治行业的专业培训和相关知识，帮助您提升技能和发展职业生涯。

页面样式

本网站采用了响应式设计，能够根据设备的屏幕宽度自动调整布局。在不同的设备上，文本区域的高度会有所不同，以适应不同的屏幕尺寸。以下是两个示例：

• .textArea_a .el-textarea__inner 的高度为75像素，适用于较小的屏幕。
• .textArea_b .el-textarea__inner 的高度为209像素，适用于较大的屏幕。

通过这种方式，用户可以在任何设备上获得一致的浏览体验。

JavaScript代码

除了页面样式，本网站还使用了一些JavaScript代码来实现特定的功能。这段代码是一个函数，它接受两个参数：doc(文档对象)和win(窗口对象)。该函数的主要目的是根据屏幕宽度动态调整字体大小，并相应地设置网页内容的宽度。这样可以确保在不同设备上都能正确显示内容，并保持页面的整洁性。

代码如下：

function adjustFontSizeAndWidth(doc, win) {
var docEl = doc.documentElement;
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
var recalc = function() {
var width = docEl.clientWidth / 7.5;
docEl.style.fontSize = width + 'px';
doc.getElementById('app').style.width = 'auto';
};

if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);
}

这段代码首先获取文档元素和窗口对象。然后定义了一个名为recalc的函数，该函数根据当前屏幕宽度计算字体大小，并设置网页内容的宽度。最后，代码添加了事件监听器，以便在窗口大小改变或文档加载完成后执行recalc函数。

希望以上信息对您有所帮助！如果您有任何问题或需要进一步了解，请随时联系我们。