作者kisha024 (4545454554)
看板Web_Design
標題[問題] iframe 的寬度設定
時間Tue Jun 27 14:19:44 2017
各位好
我本來是用 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
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.251.144.197
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1498544387.A.FE1.html
1F：推 hijkxyzuw: 是要寫在 css 裡吧？ iframe { width: 40%; } 06/28 20:32
謝謝 我一時沒想到 但有個新問題 一個iframe寬20% 另一個iframe寬80%
卻不如預期 第二個iframe跑到下面了 請問這是設定上哪裡出了問題嗎?
2F：推 jake255121: display? 06/30 14:32
3F：→ kisha024: 請問display要怎麼設才能達到目的? 06/30 22:49
4F：推 a65162: Display: inline-block 06/30 22:55
http://i.imgur.com/pYHmIzT.png
還是一樣 沒有達到目的
※ 編輯: kisha024 (218.166.176.108), 07/01/2017 18:00:01
5F：→ mmis1000: 先上css normalize再說，瀏覽器預設會有多餘padding 07/02 02:28
6F：→ mmis1000: 而且兩個元素間也會有空白，那個也要拿掉 07/02 02:46
8F：→ kisha024: 謝謝 07/02 10:05