iT邦幫忙

0

切好的版有的會跑版有的卻不會?

AWEI 2021-05-20 00:05:102607 瀏覽
  • 分享至 

  • xImage

大家好,我是一個菜鳥前端但目前因為很菜所以還是以切版為主!
最近在完成一個專案後,發現一個不太理解的現象,由於是公司的專案就不方便 PO 上來給大家了~

主要是想問的是,我完成一個可以讓使用者 PO 文章可以單純留言也可以選擇在文章內插入照片的切版,但是我發現有的人附上照片並不會造成跑版,但有的人附上照片的文章卻會造成版面的跑版~

好奇的是這些都是一樣的 HTML 與 CSS 只是讓後端工程師去套版連接資料庫,怎麼會有在一樣的畫面有的跑版有的卻不會的問題呢?
難道跟使用者選擇 PO 的照片尺寸與格式有關嗎?
還是有什麼可能的原因是我目前還不知道的呢?

謝謝大家觀看我的問題。/images/emoticon/emoticon02.gif

看更多先前的討論...收起先前的討論...
chaoyuan iT邦新手 5 級 ‧ 2021-05-20 03:17:26 檢舉
我覺得你這篇本質上只是在自言自語而已
猜不到你跑版的狀況是瀏覽器的問題?還是版型期望的照片尺寸跟實際上傳的尺寸不合?或是用了不該用的定位方式?出這個問題時,請把原始碼、截圖貼上來,不然大家只能靠通靈
AWEI iT邦新手 4 級 ‧ 2021-05-20 08:19:01 檢舉
抱歉~因為是公司的 code 不太方便貼上來,不然我在看有什麼方式比較好完整呈現我的問題,謝謝大家。
archer9080 iT邦研究生 3 級 ‧ 2021-05-20 08:49:47 檢舉
麻煩一點就三個頁面都開,原始、沒問題&有問題
按下F12去比對差異,應該就有解了吧(?
按下F12之後,點一下選取物件按鈕,然後鼠標移到圖片上面,看一下尺寸
看一下資料庫內儲存的圖片尺寸,假如兩者一樣,就是前端的CODE沒有考慮圖片尺寸的問題,要去改相關的CSS 碼到不管多大多小的圖片在這個版面顯示的寬度 高度,都不會超過放置這各圖片的圖層的大小,這樣就不會跑版了
那就自己用瀏覽器F12開發者工具去找跑版的元兇啦
看完了,我得去觀落「因」一下你的問題。
要不然這個通靈也很難通的出來。
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
小魚
iT邦大師 1 級 ‧ 2021-05-20 07:32:18
最佳解答

如果你的版面沒有被改掉的話...

圖片要限制大小,
要不然會出現無法預期的跑版.

AWEI iT邦新手 4 級 ‧ 2021-05-20 16:41:52 檢舉

謝謝小魚的幫忙!

我要發表回答

立即登入回答