轻集工具网
简介
轻集工具网是一个专注于提供各种在线工具的网站，旨在方便用户在日常生活和工作中解决问题。我们汇集了众多实用的工具，涵盖了数据处理、文件转换、图片编辑、编程开发等多个领域，为用户提供了一站式的解决方案。
CSS样式
为了适应不同设备屏幕的显示效果，我们在页面上使用了viewport元标签。通过设置width=device-width和user-scalable=no等属性，可以确保页面在移动设备上具有自适应宽度和无缩放功能。同时，我们还根据浏览器对CSS媒体查询的支持情况，添加了viewport-fit=cover属性，以实现在支持该特性的浏览器中页面内容能够填充整个屏幕。
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />
CSS公共样式
为了让每个页面都具有一致的外观风格，我们在每个页面上应用了一些通用的CSS样式。具体包括：
- 将
uni-page-body类设置为页面主体元素，并将其最小高度设为100%,以确保页面内容不会被裁剪；
- 设置
body类的背景颜色为白色；
- 对于
uni-view类，设置其盒子模型为border-box,以确保内边距和边框不会影响元素的总宽度和高度；
- 将
.qContent类的宽度设为100%,并且最小高度为自动计算的高度。
这些样式的设置有助于保持每个页面在布局和外观上的一致性，提升用户体验。
