中国粮食行业协会官方网站

中国粮食行业协会官方网站提供关于中国粮食行业的最新资讯、政策法规、行业动态等内容。网站采用HTML5和CSS3技术进行开发,具有良好的用户体验和视觉效果。

页面元素样式

  • 视频播放器:使用.video-js类设置视频播放器的宽度和高度。
  • 响应式布局:使用.vjs-fluid类实现手机端的自适应布局。
  • 列表样式:使用.list-block-lists-ul类设置列表项的高度。
  • 会员信息表格:使用.dis-table-row2 .list-block-lists-ul类设置表格行的高度。
  • 图片列表:使用.window-list-ul-huiyuan .bx-wrapper .bx-caption span类设置图片列表的宽度。

在屏幕宽度小于等于799px时,使用媒体查询(Media Query)对表格布局进行调整,将.dis-table.dis-table-row类设置为display: block;以适应小屏幕设备。

JavaScript代码

在文档加载完成后,使用jQuery的$.get()方法获取中国粮食行业协会官网的新闻列表数据,并将其展示在页面上。