这个网站是一个使用CSS样式的响应式布局,主要针对移动设备和桌面设备的屏幕尺寸进行优化。通过使用CSS3的新属性visibility: hidden和visibility: visible,以及visibility: initial; visibility: hidden;等属性,可以实现页面元素在不同屏幕尺寸下的显示效果。
网站还使用了Masonry插件来对图片进行排版,使图片能够更好地适应屏幕尺寸。如果图片超出了屏幕宽度或者高度,会使用背景图/static/jext/images/l.gif进行填充,保证图片不会因为超出窗口而出现空白区域。
对于一些特殊元素,如[masonry]:not(.isok):before,会添加一个背景图,使其在不满足条件时出现,以提供视觉提示。
当加载进度为”ok”时,页面的背景图将正常显示,否则背景图为空。
