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

css javascript 前端工程師前端新手村

AWEI 2021-05-20 00:05:10 ‧ 2398 瀏覽

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

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

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

謝謝大家觀看我的問題。

看更多先前的討論...收起先前的討論...

chaoyuan iT邦新手 5 級 ‧ 2021-05-20 03:17:26 檢舉

我覺得你這篇本質上只是在自言自語而已

japhenchen iT邦超人 1 級 ‧ 2021-05-20 07:54:20 檢舉

猜不到你跑版的狀況是瀏覽器的問題？還是版型期望的照片尺寸跟實際上傳的尺寸不合？或是用了不該用的定位方式？出這個問題時，請把原始碼、截圖貼上來，不然大家只能靠通靈

AWEI iT邦新手 4 級 ‧ 2021-05-20 08:19:01 檢舉

抱歉～因為是公司的 code 不太方便貼上來，不然我在看有什麼方式比較好完整呈現我的問題，謝謝大家。

archer9080 iT邦研究生 4 級 ‧ 2021-05-20 08:49:47 檢舉

麻煩一點就三個頁面都開，原始、沒問題&有問題
按下F12去比對差異，應該就有解了吧(?

窮嘶發發發 iT邦高手 1 級 ‧ 2021-05-20 09:03:05 檢舉

按下F12之後，點一下選取物件按鈕，然後鼠標移到圖片上面，看一下尺寸
看一下資料庫內儲存的圖片尺寸，假如兩者一樣，就是前端的CODE沒有考慮圖片尺寸的問題，要去改相關的CSS 碼到不管多大多小的圖片在這個版面顯示的寬度高度，都不會超過放置這各圖片的圖層的大小，這樣就不會跑版了

japhenchen iT邦超人 1 級 ‧ 2021-05-20 09:56:22 檢舉

那就自己用瀏覽器F12開發者工具去找跑版的元兇啦

㊣浩瀚星空㊣ iT邦大神 1 級 ‧ 2021-05-20 13:27:30 檢舉

看完了，我得去觀落「因」一下你的問題。
要不然這個通靈也很難通的出來。

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

小魚

iT邦大師 1 級 ‧ 2021-05-20 07:32:18

最佳解答

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

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

回應 1
分享
檢舉

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

謝謝小魚的幫忙！

登入發表回應

我要發表回答

立即登入回答

參賽組數

1123 組

團體組數

52 組

累計文章數

23096 篇

完賽人數

656 人

15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js

IT邦幫忙