布条百科 手机版
首页 > 生活 >

浏览器处于缩小状态怎么办(网页缩小浏览器窗口后背景色丢失解决方法)

250次浏览     发布时间:2023-02-13 17:50:04    

在做不是响应式的网页中,根据各自的需求,一般都给网页设定一定的版心,有时会遇到下面这个问题!

有一个通栏的100%上有背景色的DIV,然后版心设置1200px居中显示内容,当这网页随着浏览器窗口缩小后,缩小到出现横向滚动条,然后往右拉滚动条的话,这个含有背景色的DIV就会出现留白空隙!今天就来说说如何解决该问题!

先举个例子:

缩小浏览器出现滚动条后效果图:

把横向滚动条向右拉,超出视口的部分丢失了背景色:

解决方法:

在外层div上面设置min-width: 1200px;即可解决

外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度1200px时,比如800px,此时外层div宽度为800px,内层div宽度依然为1200px,而css中只设置了外层div有背景色,所以说只有800px那一部分会显示背景色,而超出视口的部分是属于内层div的,内层没有设置背景色,所以是空白!

相关文章

肤色不均怎么调理 ?让您肌肤气色翻倍

由于种种因素的影响,我们的肤色常常会有不匀的问题出现,导致整张脸看起来怪怪的,这对于那些爱美的人士来说肯定是无法接受的。凡是都得对症下药,想要调理好肤色,首先就得知道肤色不匀的原因是什么,然后再针对性地解决。第一,在太阳紫外线的照射下,皮肤会在真皮层形成很多黑色素,经过新陈代谢,皮肤会一层一层地更换

2024-12-26 11:00:23

帻是什么 帻怎么读?

成语“披襟岸帻”中的“帻”是什么意思?帻:zé的读音。古代的头巾。(1) (形声。从巾,责声。本义:头巾)(2) 同本义(包裹着头,中间露出头发,帻前高后低,然后加冠) 。如:元帝额有壮发,不欲使人见,始进帻服之。—— 蔡邕《独断》文武官皆免冠著帻。——《晋书·舆服志》(3) 又如:丧帻;帻梁(古代

2024-12-26 10:47:19

爱吃柚子的人当心了!千万别跟这些药一起吃

伴随全国气温骤降,凉凉的秋风来袭,果子也熟了,又到了一年一度吃柚子的季节。柚子,谐音“佑子”,不仅寓意吉祥,而且营养丰富有益健康,其酸酸甜甜、鲜嫩多汁的口感也饱受大家的喜爱。图片来源:Soogif但是,也曾有新闻报道称“一位58岁男子连吃7天柚子后患上了肌肉溶解,手脚无力到走路都困难”,原因竟是他吃

2024-12-26 10:43:57

地道陕西凉皮的做法

天气渐热,让清凉Q爽的凉皮躁起来。说到凉皮,陕西凉皮现在中国几乎无人不知无人不晓。凉皮不挑地方,不选点,不论单品小店,夜市地摊、超市、快餐店都能做。选好凉皮根据个人调配配料,买一份带走,撕开料包拌一拌即可开吃,简单方便。不会做的,尤其到西贝莜面村去吃饭,不点份凉皮店,总感觉没吃到地道的西北味儿。今

2024-12-26 10:14:24

怎么看是不是矿卡?什么方法可以鉴别显卡是不是矿卡?

出于预算的考虑,一些用户在购买装电脑的时候会选择二手配件,而对于二手显卡来说大家可要留心了,因为二手显卡中有一类称之为“矿卡”,矿卡的寿命相比普通二手显卡来说要短的多,所以如果你打算要入手二手显卡的话,最好避免买到矿卡。 那么我们该如何分辨率矿卡呢?下面电脑配置网就来教大家两种分辨率矿卡的方法

2024-12-26 09:59:36

糯米糕怎么做有窍门,1不变形2不起包3不开裂,外酥里糯,做法简单

“配料表糯米粉500g酵母5g白糖30g温水300g芝麻糖馅食用油【推荐做法】1.盆子放准备好的糯米粉加五克的酵母和白糖,用筷子干拌均匀。2.然后用320克的温水和面,面粉的吸水量不同,水可以随时增减。3.面和成一个偏软的面团儿,千万不要和太硬,和硬了后期不好操作。4.盖住盖子,醒发至两倍大,最好放

2024-12-26 09:45:00