这个网站是zwidccom,它提供CSS样式和响应式布局的模板。这些模板适用于不同的设备屏幕尺寸,包括PC、手机和平板电脑。网站的根元素(:root
)的字体大小设置为62.5%,以适应不同设备。body
元素的字体设置为Arial, sans-serif,背景颜色为#AAAAAA。
网页分为两个部分:
- PC大屏幕的样式(使用
@media (max-width: 800px)
)
.container
类用于设置最大宽度为800px的容器,内边距为2rem,外边距为2rem,背景色为白色,圆角半径为12px,阴影效果为0 2px 15px rgba(0,0,0,0.1)。
h1
类用于设置文本大小为1em,即10px,并居中显示。
- 手机/平板小屏幕的样式(使用
@media (max-width: 768px)
)
.container
类用于设置最大宽度为95%的容器,内边距为1.5rem,外边距为1rem,背景色为灰色,圆角半径为12px,阴影效果为0 2px 15px rgba(0,0,0,0.1)。
h1
类也进行同样的设置,但文本大小为1em或14px(根据实际设备情况而定)。