这个网站使用了一些CSS样式来创建一种滚动效果,同时使用iframe标签来嵌入其他网页内容。
- 使用
body{ margin: 0!important; padding: 0!important;}
和overflow: scroll;
可以确保body元素的外边距为0(即没有边距)并且设置滚动条。
.scroll-wrapper{ -webkit-overflow-scrolling: touch; overflow: scroll;}
设置了滚动条在触摸设备上的显示方式。这对于实现流畅的滚动体验很重要。
iframe{ width: 100%; height: 100%; border-width: 0px; }
确保了iframe的高度和宽度为100%,并且没有边框。
html, body { margin: 0; padding: 0; } body, input { display: flex; justify-content: center; align-items: center; } *, *:before, *:after { box-sizing: border-box; }
确保了HTML、body元素的外边距和内边距都设为0,并使用border-box布局来正确计算元素的大小。
html, body { width: 100%; height: 100%; font-family: "Poppins", sans-serif; }
设置了整个页面的宽度为100%并且高度也为100%。font-family: "Poppins", sans-serif;
指定了默认字体为”Poppins”,如果没有指定则默认为Serif字体。
这个网站的主要目的是提供一个具有滚动效果且易于浏览的页面,它主要通过CSS样式来实现这些功能。