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

三明网站建设【三明网络公司】三明做网站、三明微信公众号开发、三明网站设计、三明小程序制作

三明市，福建省辖地级市，位于福建省中部连接西北隅，地处北纬25°30′～27°07′、东经116°22′～118°39′之间，全市面积22965平方千米；东依福州市，西毗江西省，南邻泉州市，北傍南平市，西南接龙岩市； [1]  是一座新兴的工业城市，是全国文明城市和国家卫生城市、国家园林城市及中国优秀旅游城市。 [2]  2016年9月，被国家林业局授予“国家森林城市”称号。 [3]  2017年，三明市复查确认继续保留全国文明城市荣誉称号。 [4] 

三明市拥有海峡两岸（三明）现代林业合作实验区，是全国集体林业综合改革试验示范区，享有福建“绿色宝库”的美誉，是全国四个活立木蓄积量超过1亿立方米的设区市之一。截至2015年6月，已发现金属和非金属矿种79个，已探明储量的矿种49种，已开发利用的43种。全市拥有泰宁世界自然遗产地、世界地质公园2个世界级品牌和国家级、省级旅游品牌各50多个，数量和等级名列全省前茅。 [2] 

2019年，三明实现地区生产总值2601.56亿元，比2018年增长8.0%。 [5]  2020年末全市常住人口2486450人。 [56] 

网页自适应宽度大家都很熟悉，设置百分比即可，但是自适应高度一直是让人头疼的事情。何为自适应高度，就是一个div我们设置了自适应宽度，在不同大小屏幕尺寸下，宽度会变化，高度也随着初始比例变化。然而实际中很多人的做法是通过js根据初始比例计算改变宽度后的高度，再应用到div上，有的甚至是直接就写死高度，宽度无论如何变化，高度都是这个样子，就会造成宽屏下，div显得矮胖，窄屏幕下，div显得瘦高。

用js就太影响性能了，杀鸡焉用宰牛刀，来看看灵活性非常高的css怎么实现的。

思路：div里面放一个img标签，图片为期望的高宽比例的图片，并设置宽度为100%，高度自适应，透明。其目的就是利用图片所特有的性质，只改变宽或者高时，高或者宽按比例自动调整。div的宽高就被图片所撑起来来，即图片的宽高。为了不影响div的宽高，div里面的内容采用绝对定位，或者背景图的形式。

这是绝对定位文字

啦啦啦我是描述信息啦

增加尺寸 减小尺寸

复制代码<style type='text/css'>.page475_box{width:600px;text-align: center;}.page475_content{width:50%;margin:0 auto;position: relative;}.page475_content img{width:100%;opacity: 0;}.page475_content .txt{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);color:red;}<div class="page475_box"><div class="page475_content" style="background:url('16.jpg') no-repeat center;background-size:cover;"><img src="size.jpg"/><div class="txt">这是绝对定位文字</div></div>啦啦啦我是描述信息啦</div>复制代码

无论怎样自适应，该div的宽高比都是一样的。唯一缺点就是多了个图片标签，看自己取舍，一个页面大于十个以上，标签就会比较多，比较适合少于10个的页面。

三明网站建设【三明网络公司】三明做网站、三明微信公众号开发、三明网站设计、三明小程序制作

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

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）