这个网站主要是关于香港仔的电子报内容,它包含了手机和电脑端的布局样式。根据提供的素材内容,我们可以了解到以下信息:
- 对于手机端,
.phone-body{ display:none; }
表示隐藏了手机端的内容。 - 对于电脑端,
.pc-body{ display:none; }
表示隐藏了电脑端的内容。 .center-right-area max-height: 500px; overflow-y: scroll;
表示在屏幕宽度小于650px时,电脑端会有一个垂直滚动条来显示内容。@media (max-width: 650px){ .pc-body{ display:none; } .phone-body{ display:block; } }
表示在小于650px的屏幕宽度下,隐藏电脑端的内容,显示手机端的内容。.modal { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: 1000; background: rgba(24, 23, 23, 0.5); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
定义了一个模态对话框,当窗口大小变化时,它会以固定位置显示。.modal-content { display: none; position: absolute; bottom: -4; }
定义了模态对话框的内容区域,并使其位于窗口底部。
这个网站是一个电子报纸的内容展示网站,支持手机和电脑端浏览,具有适应不同屏幕尺寸的功能。