教你用css3实现图片容器内等比缩放
发表日期： 2020-10-10 14:05:13 浏览次数：209
无锡江阴市青阳镇公司网页制作、无锡江阴市徐霞客镇制作企业网站、无锡江阴市南闸镇高端网站建设、无锡江阴市云亭镇竞价托管公司、无锡江阴市华士镇网站推广、无锡江阴市周庄镇公众号开发
无锡，简称“锡”，古称新吴、梁溪、金匮，是江苏省地级市，国务院批复确定的中国长江三角洲的中心城市之一、重要的风景旅游城市 。截至2018年，全市下辖5个区、代管2个县级市，总面积4627.47平方千米，建成区面积552.13平方千米， 截至2019年末，无锡市常住人口659.15万人，其中城镇常住人口508.2万人，常住人口城镇化率77.10%。
无锡地处中国华东地区、江苏省南部、长江三角洲平原，是扬子江城市群重要组成部分，北倚长江、南滨太湖，被誉为“太湖明珠”，京杭大运河从无锡穿过；境内以平原为主，星散分布着低山、残丘；属北亚热带湿润季风气候区，四季分明，热量充足。
无锡是国家历史文化名城，自古就是鱼米之乡，素有布码头、钱码头、窑码头、丝都、米市之称。无锡是中国民族工业和乡镇工业的摇篮，是苏南模式的发祥地，也是联勤保障部队无锡联勤保障中心驻地 。无锡有鼋头渚、灵山大佛、无锡中视影视基地等景点。
教你用css3实现图片容器内等比缩放
在网页设计中，要实现图片容器的等比缩放，之前老办法可以用CSS3和js来实现，现在HTML5和CSS3这么火了，现在我们就单纯的用CSS3来实现这个缩放效果。
代码如下：
<!html>
<head><metacharset="utf-8"><metacopyright="http://www.web0752.com">
<title>css3图片等比缩放，居中显示</title><style>.mysec{
width:400px;
height:200px;
border:solid1px#ccc;
background-color:red;
background-image:url(image/DSCI0002.JPG);/*图片地址*/background-origin:content;/*从content区域开始显示背景*/background-position:50%50%;/*图片上下左右居中*/background-size:contain;/*保持图像本身的宽高比例，将图片缩放到宽度或高度正好适应定义背景的区域*/
background-repeat:no-repeat;/*图像不重复显示*/}</style></head><body><sectionclass="mysec"></section></body></html>
效果如下：
如果改变一下容器的大小。比如：
将section的width，height属性修改为
width:200px;
height:400px;
我们再来看效果：
据报道，Lalamove，活跃于中国、东南亚和拉丁美洲的按需物流服务，在成立七年之后，正式进军美国。
随着新冠疫情迫使数百万美国人闭门不出，总部位于香港的 Lalamove 相信其有能力把握住机会，满足美国市场上日益增长的配送需求。Lalamove 率先在达拉斯福特沃斯地区推出服务。该地区也是美国一个主要的配送物流中心。之后，Lalamove 将陆续在芝加哥和休斯顿推出物流服务。
Lalamove 是香港少数几家估值率先达到 10 亿美元的独角兽创业公司。该公司的业务类型丰富且高度本地化，但本质上，它类似于快递界的 Uber，为个人和企业在城市内运输货物。在中国，Lalamove 也叫货拉拉。
在美国，Lalamove 的车队包括小轿车、SUV 和皮卡等，可全天候提供快递服务，主要服务于餐饮、零售、电子商务、制造和建筑等行业的客户，起步价为 8.90 美元。
“配送服务十分重要，尤其在这疫情期间。但很多本地企业没有或无法维持自有的运输团队，因此我们十分期待在达拉斯福特沃斯地区与这些企业合作，为他们提供当日送达的按需配送服务，”Lalamove 的国际总经理布莱克 · 拉森（Blake Larson）说。
Lalamove 的投资者包括高瓴资本、红杉资本中国和小米创始人的顺为资本。到目前为止，Lalamove 在达拉斯福特沃斯地区已经验证并拥有超过 500 多名合作司机。该公司计划到今年年底之前再增加另外 500 名合作司机。同时，Lalamove 也在为地区运营办公室招聘员工。
该公司称，迄今为止，Lalamove 一共在全球 22 个市场上为 700 多万名用户提供配送服务，拥有 70 多万名合作司机。
无锡江阴市青阳镇公司网页制作、无锡江阴市徐霞客镇制作企业网站、无锡江阴市南闸镇高端网站建设、无锡江阴市云亭镇竞价托管公司、无锡江阴市华士镇网站推广、无锡江阴市周庄镇公众号开发
