iT邦幫忙

0

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

css javascript 前端工程師 前端新手村
AWEI 2021-05-20 00:05:10 ‧ 2629 瀏覽

  • 分享至 

  • xImage

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

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

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

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

看更多先前的討論...收起先前的討論...
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邦研究生 3 級 ‧ 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 }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

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

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

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

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

謝謝小魚的幫忙！

登入發表回應

我要發表回答

立即登入回答
iThome鐵人賽
參賽組數
1064 組
團體組數
40 組
累計文章數
22199 篇
完賽人數
602 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙