中国科学院城市环境研究所官方网站
中国科学院城市环境研究所的官方网站提供了关于环境保护、污染控制和可持续发展等领域的最新科研动态、研究成果、技术交流和服务信息。网站布局清晰，内容丰富，为广大科研工作者和公众提供了一个便捷的信息获取和交流平台。
导航栏
网站的导航栏采用了.navbar.navbar-default样式，宽度为100%,包括了主要的导航链接，如首页、新闻动态、科研成果、技术交流和服务支持等。
导航条项目
导航条中的各个项目使用了.main-navigation .navbar-nav > li样式，宽度设置为9%。这些项目包括了首页、新闻动态、科研成果、技术交流和服务支持等多个方面的内容。
菜单项样式
导航条中的菜单项使用了.navbar-default .navbar-nav > li > a样式，字体大小为17px,内边距为15px,外边距为0px,字体粗细为700,文本居中显示。这些设置使得菜单项看起来更加醒目和易于阅读。
右侧菜单项分配比例
在导航栏的右侧部分，第一个菜单项的宽度被设置为7%,而第二个和第七个菜单项的宽度被设置为10.5%。这种布局方式使得右侧菜单项更加紧凑，便于用户快速访问。
媒体查询(响应式设计)
为了适应不同设备的屏幕尺寸，网站还使用了媒体查询(Media Query)来调整导航栏的样式。在屏幕宽度小于等于1199像素时，导航栏中的字体大小会自动缩小，以适应较小的屏幕空间。
中国科学院城市环境研究所的官方网站以其简洁明了的页面设计、丰富的信息内容和良好的用户体验赢得了广大用户的喜爱和认可。无论是科研工作者还是公众，都能在这个平台上找到自己所需的相关信息和服务。
