黑龙江省大兴安岭网站建设_网页定制制作与开发多少钱

黑龙江省大兴安岭网站建设_网页定制制作与开发多少钱_做到满意为止

发表日期： 2022-05-31 10:18:09 浏览次数：90

黑龙江省大兴安岭网站建设_网页定制制作与开发多少钱_做到满意为止

网站建设.png

鸟类资源分属于16目40科250种。有国家一、二级重点保护鸟类46种，主要有金雕、黑嘴松鸡（棒鸡）、黑鹳、白鹳、白尾海雕、丹顶鹤、花尾榛鸡（飞龙）和黑琴鸡（乌鸡）等。鸟类以雀科种数最多，有30种，其次是鸭科25种、鹬科22种。常见的国家重点保护鸟类有花尾榛鸡、黑琴鸡、黑嘴松鸡及各类鹰、鸮（猫头鹰）类。

两栖、爬行类动物资源：大兴安岭属于寒温带气候，冬季酷寒而漫长，生活条件较为严酷，作为变温动物，两栖、爬行类动物在这里分布的种类比较少，种类都是比较耐寒的，而且有冬眠的生态习性。受高寒气候条件的影响，大兴安岭两栖、爬行类种类单一、数量少。根据调查，大兴安岭地区两栖、爬行类动物共4目14种，主要常见种类黑龙江林蛙、胎生蜥、中介蝮等。

大兴安岭地区高寒的气候条件，成为两栖、爬行类动物向北分布的主要限制因子。小鲵科动物世界上有30余种，国内有13种，但仅有1种分布到该区，即极北鲵，它是本科中最耐寒的一种，向北可达到北极圈的北纬65°。该区无尾两栖类较多，有6种，蟾蜍有2种，林蛙有2种。

亿万年前的造山运动同样形成了大量的褶皱带与断裂带。地表水在这些区域中汇流、聚集，造就了大兴安岭内外丰富的水系与中国稀有的湿地资源，让这片山林成为中国不可或缺的天然水库。天然水库大兴安岭中流淌着5余条蜿蜒的河流。大兴安岭如屏障一般隔绝了区内河流的入海之旅，它们只能汇入湖泊与河流。冰封的积雪与夏季降水使这些河流呈现春汛和夏汛，具有明显的丰枯交替现象。一部分河流向山脉外延伸，造就了黑龙江水系、内蒙古流区和辽河水系。东坡的南瓮河、奎勒河、洮儿河、归流河等水系一路向东，为东北平原输送了充足的水体；而西坡的敖鲁古雅河、莫尔道嘎河、根河等河流汇入额尔古纳水系和海拉尔河水系，滋养了呼伦贝尔高原与内蒙古高原的草原。 [20]

大兴安岭有以黑龙江、嫩江为主的水系，以伊勒呼里山为分水岭，岭北为黑龙江水系，岭南为嫩江水系。主要河流有多古河、额尔古纳河、呼玛河、塔河、多布库尔河、甘河，流域面积50平方千米以上河流154条，流域面积1000平方千米以上河流有28条。大兴安岭东侧的辽河水系、松花江和嫩江水系与其西北侧的黑龙江源头诸水及支流的分水岭，山脉南段西坡的水注入蒙古高原。 [20]

气候资源

大兴安岭地区中国最北端，冬长夏短，尤其在漠河、洛古河地带，冬季长达7个月以上，而日照时间非常短，夏季只有2个月左右，然而从每年的6~8月份，日照时间长达17小时。

什么是媒体查询？

媒体查询是 CSS3 中引入的一种 CSS 技术。

仅在满足特定条件时，它才会使用 @media 规则来引用 CSS 属性块。

实例

如果浏览器窗口是 600px 或更小，则背景颜色为浅蓝色：

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }}

亲自试一试

添加断点

在本教程中稍早前，我们制作了一张包含行和列的网页，但是这张响应式网页在小屏幕上看起来效果并不好。

媒体查询可以帮助您。我们可以添加一个断点，其中设计的某些部分在断点的每一侧会表现得有所不同。

桌面电脑

手机

使用媒体查询在 768px 处添加断点：

实例

当屏幕（浏览器窗口）小于 768px 时，每列的宽度应为 100％：

/* 针对桌面设备： */.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}.col-4 {width: 33.33%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}.col-8 {width: 66.66%;}.col-9 {width: 75%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}@media only screen and (max-width: 768px) {
  /* 针对手机： */
  [class*="col-"] {
    width: 100%;
  }}

亲自试一试

始终移动优先设计

移动优先（Mobile First）指的是在对台式机或任何其他设备进行设计之前，优先针对移动设备进行设计（这将使页面在较小的设备上显示得更快）。

这意味着我们必须在 CSS 中做一些改进。

当宽度小于 768px 时，我们应该修改设计，而不是更改宽度。我们就这样进行了“移动优先”的设计：

实例

/* 针对手机： */[class*="col-"] {
  width: 100%;}@media only screen and (min-width: 768px) {
  /* 针对桌面： */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}}

亲自试一试

另一个断点

您可以添加任意多个断点。

我们还会在平板电脑和手机之间插入一个断点。

桌面电脑

平板电脑

手机

为此，我们添加了一个媒体查询（在 600 像素），并为大于 600 像素（但小于 768 像素）的设备添加了一组新类：

实例

请注意，两组类几乎相同，唯一的区别是名称（col- 和 col-s-）：

/* 针对手机： */[class*="col-"] {
  width: 100%;}@media only screen and (min-width: 600px) {
  /* 针对平板电脑： */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}}@media only screen and (min-width: 768px) {
  /* 针对桌面： */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}}

有两组相同的类似乎很奇怪，但是它给了我们机会用 HTML 来决定在每个断点处的列会发生什么：

HTML 实例

对于台式机：

第一和第三部分都会跨越 3 列。中间部分将跨越 6 列。

对于平板电脑：

第一部分将跨越 3 列，第二部分将跨越 9 列，第三部分将显示在前两部分的下方，并将跨越 12 列：

<div class="row">
  <div class="col-3 col-s-3">...</div>
  <div class="col-6 col-s-9">...</div>
  <div class="col-3 col-s-12">...</div>

黑龙江省大兴安岭网站建设_网页定制制作与开发多少钱_做到满意为止