Re: [問題] iframe 的寬度設定

看板Web_Design作者nottt (無)時間8年前 (2017/06/30 08:42)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串2/2 (看更多)

※ 引述《kisha024 (4545454554)》之銘言： : 各位好 : 我本來是用 frameset + frame 譬如底下這樣 : <frameset cols="25%,*"> : <frame src="Left.aspx"> : <frame src="Right.aspx"> : </frameset> : MDN說frameset和frame已過時要用iframe : iframe的width如果設定成 % 或 vw XHTML5驗證會不過如下 : http://i.imgur.com/WqGNd3r.png

: 雖然iframe的width設成% 在多數瀏覽器還是可以正常顯示 : 但總覺得這樣做跟繼續用frameset + frame 有什麼不同？ : 所以想請問大家 iframe的width設定上是不是有什麼技巧？ : 可以依內容或視窗寬度之類的 : 謝謝大家 : ------------------------------------------------------------ : 一個iframe寬20% 另一個iframe寬80% : http://i.imgur.com/Qjn9r4P.png

: 兩個iframe未如預期一左一右反而是一上一下第二個iframe跑到下面了 : http://i.imgur.com/B5mensB.png

20% 80%寬的問題，應該是因為iframe之間有個微妙的距離導致20+80+間距，跟100分的國防部長給國軍的評價一樣，超過100分請看範例 https://codepen.io/not0000/pen/dRdzjP 我們可以看到第一段的兩個iframe，我把寬度調成19.6、80，背景調成紅色有很明顯的間距，不過應該不是常見的margin、padding、border造成的，我一下子也找不出原因，請其他高手回答了不過可以用另一種老方法解，把iframe設成float:left，用浮動方式排版就可以了範例下半部的iframe就是用這種方法關於排版方式，建議可以參考學習 CSS 版面配置想偷懶的話可以直接看float，但整篇也沒多長，有時間還是從頭看一次吧 http://zh-tw.learnlayout.com/float-layout.html 另外你使用的是.aspx，在webform中有一個masterpage的東西，更適合用來製作網站外框用iframe會有兩個隱形外框導致無法全選，masterpage不會有這問題如果想針對整個架構調整或是打掉重來的話，建議改走asp.net MVC吧微軟對webform的支援不知道還能活幾年，現在這個時間點學webform感覺不太長久而且MVC架構還有像jsfiddle之類能在線上寫的耶，好MVC不用嗎 https://dotnetfiddle.net/ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.187.82.171 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1498783355.A.D4A.html