作者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/cn.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