我很不幸地繼承了用我們的最新成員更新我公司網(wǎng)站的任務(wù)。由于這是一家小公司,前一個(gè)人沒有留下任何關(guān)于他如何創(chuàng)建網(wǎng)站的文檔或注釋。本質(zhì)上現(xiàn)在我們有一個(gè)包含圖像塊(內(nèi)聯(lián),帶標(biāo)題)的會(huì)員頁面。單擊此處訪問相關(guān)頁面。我正在嘗試添加一名新成員,但似乎之前的成員已經(jīng)進(jìn)行了某種定制。添加新的圖像塊立即向我表明當(dāng)前的塊與 squarespace 的默認(rèn)塊非常不同。請(qǐng)參閱此處,查看我創(chuàng)建的臨時(shí)頁面,最新的圖像塊(Simon McLean)位于右下角。我花了幾個(gè)小時(shí)才發(fā)現(xiàn) Squarespace 實(shí)際上在導(dǎo)入圖像塊時(shí)調(diào)整了圖像的大小。所以我檢查了 Chrome 上的元素,發(fā)現(xiàn)以下元素發(fā)生了變化。以下是元素更改前和元素更改后的屏幕截圖:前:后:請(qǐng)注意,我通過簡(jiǎn)單地查找示例中使用的圖像旁邊的圖像來獲得更改(即示例是安娜的圖像,我正在嘗試修復(fù)西蒙的圖像)。請(qǐng)?jiān)彶锁B的問題,但我如何使這些更改永久化?到目前為止我已經(jīng)嘗試過以下操作:使用以下代碼通過“設(shè)計(jì)”>“自定義 CSS”修改自定義 CSS。沒有明顯的效果。element.style {
left: 0%;
top: 0%;
width: 100%;
height: 100%;
position: absolute;
padding-bottom: 100%;
}使用了上面的代碼,但這次作為頁面標(biāo)頭注入。還是沒有效果。老實(shí)說,我沒有主意了 - 謝謝你幫助我。我絕對(duì)超出了我的能力范圍。
1 回答

呼如林
TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超3個(gè)贊
有兩種方法可以解決您所描述的問題。
1)在上傳之前,將 Simon 的原始圖像調(diào)整為與其他原始圖像相同的尺寸 (240x240) 。您可能需要添加一個(gè)新的空?qǐng)D像塊(而不是簡(jiǎn)單地將新圖像上傳到現(xiàn)有圖像塊中的舊圖像上),因?yàn)榕f塊可能會(huì)保留其不需要的設(shè)置/寬高比。
2) 使用圖像底部的“手柄”根據(jù)您的喜好設(shè)置其高度/縱橫比。
第三種選擇是使用 CSS 并強(qiáng)制將填充底部設(shè)置為所需的高度/長(zhǎng)寬比,但這希望是不必要的。
請(qǐng)注意,原始圖像為 240x240,在高分辨率顯示器上不會(huì)顯得清晰。理想情況下,圖像將以更高的分辨率上傳,從而允許 Squarespace 根據(jù)顯示確定要提供的最佳分辨率。理想情況下,所有此類圖像都會(huì)在某個(gè)時(shí)候重新上傳。
- 1 回答
- 0 關(guān)注
- 269 瀏覽
添加回答
舉報(bào)
0/150
提交
取消