当使用图片当容器背景时，有时图片小一点，有时大一点，小了又要平铺，大了又不能全显示，那样式工怎样才能满足要求？以下分享下经验。
-
您身边的网站建设推广专家
专注营销型网站建设 . 搜索引擎全网覆盖推广 . 打造移动互联网
全国咨询热线
【建站服务】琼中400电话怎么申请开通【琼中400电话办理流程】琼中400电话月租费多少钱、琼中企业400电话服务热线一年大概多少钱、琼中400电话收费标准报价单【企业4006电话4008电话如何办理
作者: 风兰 . 阅读量： 8 . 发表时间：2022-09-20 11:59:25
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
琼中400电话怎么申请开通【琼中400电话办理流程】琼中400电话月租费多少钱、琼中企业400电话服务热线一年大概多少钱、琼中400电话收费标准报价单【企业4006电话4008电话如何办理开通】
琼中黎族苗族自治县是海南省下辖的民族自治县之一，县境地处海南岛中部，五指山北麓，热带海洋季风气候，夏长无酷暑，冬短无严寒，年均气温22.8摄氏度。全境面积2704.66平方公里，辖10个乡镇、2个县属林场和1个县属农场。2012年，县境人口22.8万，黎族占45.63%，苗族占6.1%。海榆中线横贯全境，公路网成辐射状向四周展开，是海南岛公路南北、东西走向的交通枢纽。琼中是海南生态核心区，具有“海南之心、三江之源、森林王国、绿橙之乡、黎苗家园”的美称，有五指山、黎母山、吊罗山、鹦歌岭等国家级、省级林区、保护区，琼中绿橙是海南省第一个地理标志保护产品。
截止2015年末，琼中县总人口17.72万人。2017年，琼中黎族苗族自治县实现生产总值47.67亿元，同比增长6.3%
2017年3月，入围“2017百佳深呼吸小城”名单。2019年11月，琼中黎族苗族自治县被命名为“四好农村路”全国示范县。
当使用图片当容器背景时，有时图片小一点，有时大一点，小了又要平铺，大了又不能全显示，那样式工怎样才能满足要求？以下分享下经验。
显示器分辨率为1680X1050，div大小为1300X790，图像原始大小为1024X768，设置了margin:40px，加了边框，现在body和div用同一张图作背景，设置了背景图不重复，如下图。《不能铺满容器》
下面是body和div的样式代码：
<body style="background:url(./12.jpg) no-repeat;" >
<div style="background:url(./12.jpg) no-repeat;margin:50px;height:790px;width:1300px;border:2px red solid;">
现在先看看只是div背景图平铺repeat的效果，因为默认是repeat的，所以去除no-repeat就行，效果如下图。
下面是body和div的样式代码：
<body style="background:url(./12.jpg) no-repeat;" >
<div style="background:url(./12.jpg) ;margin:50px;height:790px;width:1300px;border:2px red solid;">
现在看看用background-size 属性规定背景图像的尺寸,使用参数值cover（把背景图像扩展至足够大，以使背景图像完全覆盖背景区域）的效果，是不是完美填满容器又不要图像重复。
下面是body和div的样式代码：
<body style="background:url(./12.jpg) no-repeat;" >
<div style="background:url(./12.jpg) ;background-size:cover; margin:50px;height:790px;width:1300px;border:2px red solid;">
会发现，图片并没有全部显示出来，那是因为div和图片的宽高比并不一样，为了能原样不变形显示就了取舍。如果一定要整图显示，可以让background-size参数值取像素值。现在看看用background-size 属性的参数值取像素值，宽1300px、高790px时的效果，效果还不错，回为宽高比相差不远，变形小。
下面是body和div的样式代码：
<body style="background:url(./12.jpg) no-repeat;" >
<div style="background:url(./12.jpg) ;background-size:1300px 790px; margin:50px;height:790px;width:1300px;border:2px red solid;">
还有，使用background-attachment属性还可设置背景图像是否随着容器的滚动而滚动，这个在这里就不详述了。
据外媒报道，此前几个月中一直有传言称谷歌将为 Android 手机添加一个类似苹果 AirDrop 的新功能。如今，谷歌终于证实，他们的确将推出这个功能，其正式名称为 “Nearby Share”。一些 Android 手机用户已经测试了该功能的 beta 版本。
谷歌表示：“我们当前正在对这个名为 Nearby Share 的最新功能进行 beta 测试，我们计划在未来公布更多的信息。我们的计划是，在推出这个功能时，让它支持 Android 6 + 设备以及其他平台。”
本月早些时候，有人最早在 Chrome OS 的 Canary 版本中发现了这个功能，这意味着 Nearby Share 也将支持 Chromebook 设备。
关于 Nearby Share，我们可以将其视为是 Android 版本的 AirDrop，后者是苹果设备之间快速分享文件的功能。在有了 Nearby Share 之后，附近的 Android 设备之间可以快速无线传输文件，用户可以使用这个功能分享图片、视频以及链接和推文等内容。
琼中400电话怎么申请开通【琼中400电话办理流程】琼中400电话月租费多少钱、琼中企业400电话服务热线一年大概多少钱、琼中400电话收费标准报价单【企业4006电话4008电话如何办理开通】
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
关键词：网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站
