網頁高寬設100%怎麼還會超過螢幕呢 ? - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0

網頁高寬設100%怎麼還會超過螢幕呢 ?

asp.net

tonychen168 2012-01-13 12:05:53 ‧ 8907 瀏覽

100%的意思是充滿整個螢幕嗎 ? 但怎麼還會超過螢幕呢 ?

<%@ Master Language="VB" CodeFile="MasterPage3.master.vb" Inherits="MasterPage3" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<iframe src="http://localhost/website4/images/首頁.swf"
style="height: 100%; width: 100%"></iframe>

<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>

ccutmis iT邦高手 2 級 ‧ 2012-01-13 14:25:34 檢舉

<body>....</body>
<head>....</head>

body標籤怎麼會是在head前面?

登入發表討論

直播研討會

{{ item.subject }}

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

{{ formatDate(item.duration) }}

直播中

1 個回答

4

wiseguy

iT邦超人 1 級 ‧ 2012-01-13 14:24:46

最佳解答

HTML 的屬性本來就是<參考>性質 (給 render 參考用的)，所以不保證你設什麼就是什麼 (width=300 的 table 放張 width=400 的圖進去，table 就撐成 400了對吧)
你的 100% 是設給 iframe 這個 element，下面還有一個 container：body。body 也有 margin 屬性，預設不為零。所以 n > 0, 且 n + 100% 當然就 > 100% 。

試試改為 <body style="margin: 0">
<iframe> 多加一個 FRAMEBORDER="0"

回應 6
分享
檢舉

看更多先前的回應...收起先前的回應...

tonychen168 iT邦新手 5 級 ‧ 2012-01-13 14:51:51 檢舉

謝謝妳的回答 , 改成下面這樣對嗎 ?
但還是會超過

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>

<body style="margin:0">
<iframe src="http://localhost/website4/images/首頁.swf"
style="height: 100%; width: 100%" frameborder="0"></iframe>

林門神JanusLin iT邦超人 1 級 ‧ 2012-01-13 16:11:42 檢舉

tonychen168提到：
首頁.swf

可能就超過100%了

newkevin iT邦高手 1 級 ‧ 2012-01-13 16:21:05 檢舉

先不要用% 直接設多大看到底有沒有超過 600 800 1000 先找到原因

tonychen168 iT邦新手 5 級 ‧ 2012-01-13 16:42:06 檢舉

我改成 1280 * 800 但是上下都會出現一些空白

<body align="center">
<form id="form1" runat="server">
<div >
<embed src="Images/首頁.swf" width="1280" height="800" wmode="transparent" />
</div>

</form>

tonychen168 iT邦新手 5 級 ‧ 2012-01-13 17:03:46 檢舉

我下面這行置中, 但卻沒有置中
<body align="center">

wiseguy iT邦超人 1 級 ‧ 2012-01-13 18:00:38 檢舉

body 並沒有 align 這個 property，當然會沒用。
改成 <body style="text-align: center">

登入發表回應

我要發表回答

立即登入回答

參賽組數

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邦幫忙