对于iOS和Android系统,文章内容不再具有可滚动的溢出部分,水平溢出将被裁剪。在Android上,进度条包装器距离顶部58像素。 进度条包装器(类名`svelte-6atxfw`)固定在页面顶部,起始位置在顶部下方1像素处。它横跨视口的整个宽度,上下边距为-24像素,左右边距为-10像素,底部边距为14像素。它初始时不可见(透明度为0),并在0.5秒内淡入。其z-index值为25。 当屏幕宽度达到30em及以上时,左右边距变为-21像素。在41.25em时,包装器宽度变为620像素。在46.25em时,变为740像素。在61.25em时,变为980像素。在71.25em时,变为1140像素,左边距变为-180像素。在81.25em时,变为1300像素,左边距为-260像素。 进度条本身(类名`svelte-6atxfw`)高度为6像素,初始宽度为0,并使用主要支柱颜色作为其背景。当包装器具有`active`类时,它会完全可见。 以下为“Guardian Headline Full”定义了不同字重和样式的字体,均来自Guardian的资产服务器: - 细体(300),正常样式 - 细体斜体(300),斜体样式 - 常规(400),正常样式 - 常规斜体(400),斜体样式 - 中等(500),正常样式 - 中等斜体(500),斜体样式 以下是改写为流畅、自然英文的文本: ```css @font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),...