黑龙江省七台河网站建设-七台河网络公司-优化-制作-设计推广-七台河网站建设服务中心

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

网站建设.png

七台河市，别称煤城，黑龙江省辖地级市。全市共辖3个市辖区、1个县，总面积6221平方千米。 [1-2] 根据第七次人口普查数据，截至2020年11月1日零时，七台河市常住人口为689611人。 [41]

七台河市地处中国东北地区、黑龙江省东部，佳木斯市南侧，完达山山脉西端，属于低山丘陵，整个地势东南高，西北低，地处中纬地带，气候属于寒温带，大陆性季风气候。

七台河地处黑龙江省东部城市群中心位置，牡佳高速铁路、牡佳铁路、鹤大高速公路、依七高速公路、饶盖公路贯穿全境，与省城及周边市县全部实现高等级公路连接，与东北东部十四市（州）结成区域战略合作城市；七台河地区是肃慎族发祥地之一；曾是原吉东省委、抗联二路军总部所在地。七台河拥有西大圈、石龙山两个国家级森林公园和桃山湖国家湿地公园；七台河是中国短道速滑运动的代表城市 [48] ，培养走出了张杰、杨扬、王濛、范可新等10位世界短道速滑冠军，素有“寒地北药”、“焦煤之都”、“中国冬奥冠军之乡”、“中国短道速滑之乡”、“冬奥冠军摇篮，短道速滑圣地”之称。 [3]

2019年，七台河实现地区生产总值231.33亿元，按可比价格计算，比上年增长3.8%

 在 992p x或更小的屏幕上，从四列变为两列 */@media screen and (max-width: 992px) {
  .column {
    width: 50%;
  }}/* 在宽度小于或等于 600 像素的屏幕上，使各列堆叠，而不是并排 */@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }}

亲自试一试

提示：更现代的创建列布局方法是使用 CSS Flexbox（请参见下面的例子）。但是，Internet Explorer 10 以及更早版本不支持它。如果需要 IE6-10 的支持，请使用浮动（如上所示）。

如需学习有关弹性框布局模块的更多知识，请学习 CSS Flexbox 这一章。

如需学习有关响应式 Web 设计的更多知识，请学习我们的响应式 Web 设计教程。

实例

/* 弹性盒的容器 */.row {
  display: flex;
  flex-wrap: wrap;}/* 创建四个相等的列 */.column {
  flex: 25%;
  padding: 20px;}/* 在 992px 或更小的屏幕上，从四列变为两列 */@media screen and (max-width: 992px) {
  .column {
    flex: 50%;
  }}/* 在宽度小于或等于 600 像素的屏幕上，使各列堆叠，而不是并排 */@media screen and (max-width: 600px) {
  .row {
    flex-direction: column;
  }}

亲自试一试

用媒体查询隐藏元素

媒体查询的另一种常见用法是在不同屏幕尺寸上隐藏元素：

在小屏幕上我会隐藏。

实例

/* 如果屏幕尺寸为600像素或更小，请隐藏该元素 */@media screen and (max-width: 600px) {
  div.example {
    display: none;
  }}

亲自试一试

用媒体查询改变字体

您还可以使用媒体查询来更改不同屏幕尺寸上的元素的字体大小：

可变的字体大小。

实例

/* 如果屏幕尺寸超过 600 像素，把 <div> 的字体大小设置为 80 像素 */@media screen and (min-width: 600px) {
  div.example {
    font-size: 80px;
  }}/* 如果屏幕大小为 600px 或更小，把 <div> 的字体大小设置为 30px */@media screen and (max-width: 600px) {
  div.example {
    font-size: 30px;
  }}

亲自试一试

弹性图片库

在此例中，我们将媒体查询与 flexbox 一起使用来创建响应式图片库：

实例

黑龙江省七台河网站建设-七台河网络公司-优化-制作-设计推广-七台河网站建设服务中心