iT邦幫忙

0

[html]電子報相關語法

大家好:
我用iphone的郵件收信,直式看電子報很正常,但是若改橫式menu以下的內容就會位移,用chrome或gmail app直式跟橫式都正常,我覺得是table標籤的問題..
但怎麼改都改不好,所以想上來請問大家,謝謝!
以下是語法

<html>
<style type="text/css"> 
body{
	max-width:700px;
	margin:0px auto;	
}
table{
background-color:#FFFFFF;
}
table tr td:not(:last-child){
font-size: 1rem;
text-align:justify;
}

a{
text-decoration:none;
	}

.intro p{
     text-align:justify;
     text-justify: distribute;}

.fixed {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 200px;
   }
   
.alumni{
max-width:636.2px;
}

.scholar tr td{
border-style:solid;
border-width:0.5px;
text-align:center;
width:200px;
}
</style> 

<head>
<meta content="text/html; charset=big5" http-equiv="Content-Type"/>
<title>電子報</title>
</head>
<body style="background-color:#FFDAB9;margin:0 auto;">
<center>
<table border="0" cellpadding="0" cellspacing="0"width="700" style="background-color:#FFFFFF;margin:0 auto;">
<tr>
<td colspan="5">
<img border="0" src="https://xxx.tw/photo/banner.jpg" width="700">
</td>
</tr>
</table>

<table border="0" cellpadding="0" cellspacing="0"width="700" style="background-color:#FFFFFF;margin:0 auto;">
<tr>
<td width="21%" bgcolor="#FFFFBB" style="padding:5px">
<a name="one"></a><span class="text2">
<font size="3" color="#AA7700" face="Tahoma">動態</font></span>
</td>
<td width="77%" bgcolor="#FFFFBB" style="padding:5px"colspan="3"></td>
</tr>
</table>

</center>
</body>
</html>
看更多先前的討論...收起先前的討論...
froce iT邦大師 1 級 ‧ 2020-02-20 14:10:27 檢舉
請google rwd。
除非你橫版也只要利用直版可視寬度,要不然都會這樣。
mayyola iT邦新手 1 級 ‧ 2020-02-20 15:57:36 檢舉
rwd好像不能套用在email收發信的軟體?!(不確定..)因為我測gmail app不套rwd是正常
player iT邦大師 1 級 ‧ 2020-02-20 16:26:01 檢舉
RWD= 響應式網頁設計 (Responsive web design)
RWD是針對各個網頁瀏覽器的顯示作CSS的相關微調
所以要看看你的mall的app是用哪一個HTML的排版引擎
如果該RWD沒支援的話, 當然沒辦法正常顯示
就rwd的设计法。没其它原则。
至于rwd能不能套用收发信???
那是网页的写法。只要你的是html码。大多可以直接套用。
froce iT邦大師 1 級 ‧ 2020-02-20 17:31:48 檢舉
App應該也是叫手機的webview去顯示...
反而真的難搞的是outlook
mayyola iT邦新手 1 級 ‧ 2020-02-21 09:30:18 檢舉
全部在加一個table 標籤就可以了,像gmail就不支援css,只能在html 標籤加入..謝謝大家

尚未有邦友回答

立即登入回答