【建站服务】邵阳百度爱采购网站推广电话、邵阳百度爱采购广告收费标准多少钱、邵阳百度爱采购代理服务商找哪家好、邵阳百度爱采购会员费一年需要多少钱、邵阳百度爱采购商家服务如何推广【邵阳百度爱采购广告推广咨

当前位置：首页» 技术日志 » 【建站服务】邵阳百度爱采购网站推广电话、邵阳百度爱采购广告收费标准多少钱、邵阳百度爱采购代理服务商找哪家好、邵阳百度爱采购会员费一年需要多少钱、邵阳百度爱采购商家服务如何推广【邵阳百度爱采购广告推广咨

作者: 风兰 . 阅读量： 16 . 发表时间：2022-09-20 14:26:59

网站建设

上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

邵阳百度爱采购网站推广电话、邵阳百度爱采购广告收费标准多少钱、邵阳百度爱采购代理服务商找哪家好、邵阳百度爱采购会员费一年需要多少钱、邵阳百度爱采购商家服务如何推广【邵阳百度爱采购广告推广咨询服务】

邵阳，是湖南省下辖地级市，史称“宝庆”。位于湘中偏西南，资江上游；越岭逶迤东、南，雪峰山耸峙西、北，资江自西南向东北流贯全境，中间为丘陵盆地。东与衡阳市为邻，南与永州市和广西壮族自治区桂林市接壤，西与怀化市交界，北与娄底市毗连；介于北纬25°58’～27°40'，东经109°49'～112°57'之间，总面积20824平方千米。邵阳市辖3个市辖区、7个县（其中1个自治县），代管2个县级市。2017年被评为国家卫生城市，2018年户籍总人口828.28万人，全年完成地区生产总值1782.65亿元，比2017年增7.6%。

邵阳历史悠久，名传潇湘。境内早在商代即有臣民入居，西汉初置县，历经昭陵、邵陵、邵阳、敏州、邵州、宝庆，最后定名为邵阳，至今已有2500多年。清代，宝庆府城资江绕郭，邵水穿城，环城墙炮台林立，加之山环水复，攻之不易，留下“铁打的宝庆”美名。

现阶段，随着互联网的发展，人们浏览网页的方式也不仅仅是在电脑PC端了，而更多的是移动端用户。因此，前端开发者面临的问题是，应该怎样开发出适应不同用户的浏览体验的网页呢？响应式布局因此应运而生。响应式布局，顾名思义，即为适应不同终端而形成的一种技术。下面，小编通过自己的经验，以一个简单的例子来为大家介绍前端怎样用CSS制作响应式布局。

工具/原料

Sublime Text 3编辑器 (也可选择其他编辑器)
Google Chrome浏览器(或其他浏览器)

方法/步骤

前端用到的编辑器有很多，本例通过选择Sublime Text3编辑器来制作响应式布局。本例选择制作一个简单的包含头部、中间内容、尾部的布局页面。第一步，打开电脑中安装的Sublime Text3，新建demo文件夹用来存放文件，在里面新建一个HTML文件，通过Tab快捷键迅速创建一个HTML模板，并命名标题。如图所示：
第二步，在Body标签里添加三个主DIV标签，分别表示头部，内容和底部。然后，在内容DIV内又添加三个子DIV,分别表示左边，中间，右边。并且给出对应的ID名。对应的代码如下：
<body>
<div id="header">头部</div>
<div id="main">
<div id="main-left">内容-左边</div>
<div id="main-center">内容-中间</div>
<div id="main-right">内容-右边</div>
</div>
<div id="footer">底部</div>
</body>
第三步，接下来是实现响应式布局的关键CSS代码内容了，写CSS来实现响应式布局。通过在head头部添加<style>标签，在里面写CSS代码（当然，也可以将CSS代码写在单独的.CSS文件中，然后引用）。首先设置全局样式，当屏幕宽度大于900px的时候，即大型电脑PC端，对应的头部，尾部，内容的CSS代码，对应的代码如下：
*
{
padding:0px;
margin:0px;
font-family:"微软雅黑";
}
#header
{
height:100px;
border:solid 1px red;
margin:0px auto;
}
#main
{
margin:10px auto;
height:400px;
}
#footer
{
margin:0px auto;
height:100px;
border:solid 1px red;
}
第四步，当屏幕最小宽度为900px时，相当于笔记本PC端，其对应的头部、尾部，内容以及内容内部包含部分的CSS代码，对应的代码如下：
@media screen and (min-width:900px)
{
#header,#footer
{
width:800px;
}
#main
{
width:800px;
height:400px;
}
#main-left
{
width:200px;
height:400px;
border:solid 1px red;
float:left; /*以下均要设置左浮动，保证在同一行*/
}
#main-center
{
width:394px;
height:400px;
border:solid 1px red;
float:left;
}
#main-right
{
width:200px;
height:400px;
border:solid 1px red;
float:left;
}
}
第五步，当屏幕宽度在600~900px时，相当于平板电脑大小的设备，其对应的头部、尾部，内容以及内容内部包含部分的CSS代码，对应的代码如下：
@media screen and (min-width:600px) and (max-width:900px)
{
#header,#footer
{
width:600px;
}
#main
{
width:600px;
height:400px;;
}
#main-left
{
width:200px;
height:400px;
border:solid 1px red;
float:left; /*以下均要设置左浮动，保证在同一行*/
}
#main-center
{
width:396px;
height:400px;
border:solid 1px red;
float:left;
}
#main-right
{
display:none; /*隐藏内容右边*/
}
}
第六步，写当屏幕宽度在小于等于600px时，即在移动端（手机端），其对应的头部、尾部，内容以及内容内部包含部分的CSS代码，对应的代码如下：
@media screen and (max-width:600px)
{
#header,#footer
{
width:300px;
}
#main
{
width:300px;
height:400px;
}
#main-left
{
display:none; /*隐藏内容左边*/
}
#main-center
{
width:300px;
height:400px;
border:solid 1px red;
}
#main-right
{
display:none; /*隐藏内容右边*/
}
}
最后，在浏览器中查看效果（其实每写完一步代码就应该查看效果，即调试），如图。如果要切换至手机端，可以借助Google Chrome浏览器来查看，按F12,点击图上按钮，于是就可以看到简单的响应式布局了。如图：
附：本经验关键词：html（CSS）响应式布局怎么写、html（CSS）制作响应式布局代码、css实现响应式布局代码、前端响应式布局如何实现、开发响应式布局、响应式布局实现方法、Sublime Text3制作响应式布局
更多关于HTML/CSS的经验请点击下面的“经验引用”
34网页中如何用HTML/CSS实现文字居中于图片

7 月 31 日消息，根据证监会官网消息，近期证监会对瑞幸咖啡（LuckinCoffeeInc.）境内关联的新三板挂牌公司神州优车股份有限公司（以下简称神州优车）、北京氢动益维科技股份有限公司（以下简称氢动益维）涉嫌信息披露违法行为立案稽查。

证监会拟对神州优车、氢动益维信披违法案作出行政处罚

经查，2019 年 1 月，神州优车通过其实际控制的长盛兴业（厦门）企业管理咨询有限公司（以下简称长盛兴业）收购北京宝沃汽车股份有限公司 67% 的股权，神州优车在 2019 年一季报和半年报披露的财务报表中未将其纳入合并范围，涉嫌信息披露违法。其中，神州优车 2019 年一季报涉嫌少计资产不少于 96.23 亿元，占当期资产总额的 58.32%；神州优车 2019 年半年报涉嫌少计资产不少于 101.86 亿元，占当期资产总额的 64.05%。

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。