第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

為什么我網(wǎng)站上的圖像無法正確調(diào)整大???

為什么我網(wǎng)站上的圖像無法正確調(diào)整大小?

HUH函數(shù) 2023-10-24 19:56:57
在我的網(wǎng)站 [ https://gatecybertech.com ] 上,為什么圖像無法正確調(diào)整大???(1) 第一個(gè)地方是“GATE_Frame_1”和“GATE_Frame_2”,在第 67,68 行,我必須使用以下命令使它們顯示相同的大?。?nbsp; #GATE_Frame_1 { width: 78%; height: auto; }   #GATE_Frame_2 { width: 98%; height: auto; }這些圖像的png文件大小相同,但如果我不使用上述兩行,在我的手機(jī)上,當(dāng)顯示該網(wǎng)站時(shí),圖像不會(huì)重新調(diào)整大小,并且會(huì)有一些白色右側(cè)空格 [如何消除從 Android 手機(jī)查看的 Html 頁面中的空白?],但為什么我必須設(shè)置不同的寬度[78%和98%]才能使它們顯示相同的大小,它工作正常,我只是不明白為什么它會(huì)這樣。(2) 在第 78,79 行,我必須使用以下行使圖像看起來大小相似:  #Traditional_vs_GATE_1 { width: 96%; height: auto; }   #Traditional_vs_GATE_2 { width: 99.6%; height: auto; }這是我能做的最好的,我嘗試了多種不同的組合,這是最好的匹配,但不是 100% 相同的大小,正如你所看到的,如果你將鼠標(biāo)懸停在它們上 [ 網(wǎng)站上的最后一個(gè)大圖像底部],它只會(huì)重新調(diào)整幾個(gè)像素的大小,但在第一個(gè)圖像 [ GATE_Frame_1 / GATE_Frame_2 ] 的情況下,當(dāng)您將鼠標(biāo)懸停在它們上時(shí),它們的大小相同。我想一定是圖像的寬高比導(dǎo)致了問題,如果底部圖像與頂部圖像具有相同的寬高比,問題就會(huì)消失,所以我在底部添加了一些空白傳統(tǒng)_vs_GATE圖像,所以寬高比與頂部圖像相同,但問題仍然存在,所以我的問題是修復(fù)傳統(tǒng)_vs_GATE_1和傳統(tǒng)_vs_GATE_2圖像的好解決方案是什么,這樣當(dāng)我將鼠標(biāo)懸停在它們上時(shí),它們就會(huì)顯示相同尺寸?我知道如果我去掉 2 行 [ # 78,79 ],這將按照我想要的方式工作,但隨后該網(wǎng)站將無法在手機(jī)瀏覽器上正確顯示。
查看完整描述

2 回答

?
白豬掌柜的

TA貢獻(xiàn)1893條經(jīng)驗(yàn) 獲得超10個(gè)贊

對(duì)于第一個(gè)位置,您可以為 #GATE_Frame_2 指定 78% 的相同寬度,對(duì)于父級(jí) div 刪除左側(cè):104px。第二個(gè)也一樣。將兩個(gè)圖像設(shè)置為相同的大小,并從 css 中刪除懸停圖像的父級(jí) div 的 left


.pic-container-2 .pic-hover {left: 0;}

#Traditional_vs_GATE_2 {width: 96%;}

#Traditional_vs_GATE_ {width: 96%;}


.pic-container-1 .pic-hover {left: 0;}

#Traditional_vs_GATE_2 {width: 78%;}

#Traditional_vs_GATE_1 {width: 78%;}


查看完整回答
反對(duì) 回復(fù) 2023-10-24
?
www說

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊

從@Ru NE的回答中我得到了靈感,我修復(fù)了底部圖像,所以現(xiàn)在當(dāng)鼠標(biāo)懸停在它上面時(shí)它顯示相同的大小,并進(jìn)行以下更改:


  .pic-container-2 .pic-hover{position:absolute; top:0px; left:18px; display:none;}

  .pic-container-2:hover .pic-hover{display:block;}


  #Traditional_vs_GATE_1 { width: 96%; height: auto; }

  #Traditional_vs_GATE_2 { width: 99.5%; height: auto; }


查看完整回答
反對(duì) 回復(fù) 2023-10-24
  • 2 回答
  • 0 關(guān)注
  • 162 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)