Outlook 2007, 10, 13, 16, 19에서 글꼴 크기가 변경되는 이유는 무엇입니까?

제이슨은 내 이름

Outlook 2007+ (07,10,13,16,19)가 내가 작성한 이메일을 렌더링 할 수 있도록 많은 수정을 시도했습니다.

문서 및 테이블 재설정을 시도했습니다. 나는 spans, font, p & td와 같은 많은 다른 컨테이너를 사용하여 텍스트를 포함하려고했습니다. 모두 font-size와 line-height가 지정되었습니다. 메타 태그를 넣고 html 태그를 변경했습니다. 그러나 그것은 무시되고 이메일의 모든 텍스트가 font-size : 16px로 표시됩니다.

내 글꼴이 Outlook 07+ 버전 내에 있도록 코딩 한 것과 동일한 크기로 표시되도록하는 확실한 방법이 있습니까?

내 코드는 다음과 같습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
	<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
		<head>
			<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
			<meta name="viewport" content="width=device-width">
			<meta content="telephone=no" name="format-detection">
			<meta name="ProgId" content="Word.Document" />
			<meta name="Generator" content="Microsoft Word 12" />
			<meta name="Originator" content="Microsoft Word 12" />
			<!--[if !mso]><!-->
				<meta http-equiv="X-UA-Compatible" content="IE=edge">
			<!--<![endif]-->
			<title>blah Terminal</title>
			<link href="" rel="icon" type="image/x-icon">
			<!--[if mso]>
				<style>
					.fallback-font {
						font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
					}
				</style>
				<![endif]-->
				<!--[if gte mso 9]>
					<style>
						a:visited {
							color:#f58220;
						}
					</style>
				<![endif]-->
				<!--[if (gte mso 9)|(IE)]>
					<style type="text/css">
						table {
							border-collapse: collapse;
							border-spacing: 0; 
							mso-line-height-rule: exactly; 
							mso-margin-bottom-alt: 0; 
							mso-margin-top-alt: 0; 
							mso-table-lspace: 0pt;
							mso-table-rspace: 0pt;
						}
					</style>
				<![endif]-->
				<!--[if gt mso 15]>
				<style type="text/css" media="all">
					table, tr, td {
						border-collapse: collapse;
					}
				</style>
			<![endif]-->
			<!--[if gtemso 9]><xml>
				<o:OfficeDocumentSettings>
					<o:AllowPNG/>
					<o:PixelsPerInch>96</o:PixelsPerInch>
				</o:OfficeDocumentSettings>
			</xml><![endif]-->
			<style type="text/css">
				/* Fonts */
				h1,
				h2,
				h3,
				h4,
				h5,
				h6,
				body,
				p,
				a,
				input,
				textarea,
				button,
				input[type=text],
				input[type=submit],
				table,
				td,
				div,
				span,
				* {
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
					font-weight: bold!important;
					line-height: inherit;
					-webkit-font-smoothing:antialiased;
					-webkit-text-size-adjust: 100%;
					-ms-text-size-adjust: 100%;
				}
				h1,
				h2,
				h3,
				h4,
				h5,
				h6 {
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
					font-weight: bold!important;
					margin:0;
				}
				body,
				p,
				a,
				input,
				textarea,
				button,
				input[type=text],
				input[type=submit],
				table,
				td,
				div,
				span {
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
					font-weight: bold!important;
				}
				/* END Fonts */

				body {
					margin: 0 auto !important;
					padding: 0 !important;
					height: 100% !important;
					width: 100% !important;
				}
				table,
				td {
					border-collapse: collapse;
					mso-table-lspace: 0pt !important;
					mso-table-rspace: 0pt !important;
				}
				img {
					display: block;
					white-space: pre-line;
					-ms-interpolation-mode:bicubic;
				}
				a {
					text-decoration: none;
				}
				.ExternalClass * {
					line-height: 115%;
				}

				@media only screen and (max-width: 640px) {
					table[class=full-width],
					img[class=full-width],
					table[class=full-width_footer],
					a[class=full-width],
					div[class=full-width] {
						width: 100% !important;
						height: auto !important;
					}
				}

				@media only screen and (max-width: 480px) {
					table[class=small-full-width],
					img[class=small-full-width],
					table[class=small-full-width_footer],
					a[class=small-full-width],
					div[class=small-full-width] {
						width: calc(100% - 40px)!important;
						height: auto !important;
					}
				}

				@media only screen and (max-width: 640px) {
					table[class=full-width-margin] {
						width: 100% !important;
						height: auto !important;
						margin: 0 0 20px !important;
					}
				}

				@media only screen and (max-width: 640px) {
					td[class=singleColumn] {
						width: 100% !important;
						float: left !important;
					}
				}

				@media only screen and (max-width: 640px) {
					table[class=hide],
					td[class=hide],
					tr[class=hide],
					span[class=hide] {
						display: none !important;
					}
				}

				@media only screen and (max-width: 640px) {
					td[class=textJustify],
					a[class=textJustify] {
						text-align: justify !important;
					}
				}

				@media only screen and (max-width: 640px) {
					td[class=textCenter],
					a[class=textCenter] {
						text-align: center !important;
					}
				}

				@media only screen and (max-width: 640px) {
					td[class=textRight],
					a[class=textRight] {
						text-align: right !important;
					}
				}

				@media only screen and (max-width: 640px) {
					div[class=show] {
						display: block !important;
					}
				}

				@media only screen and (max-width: 640px) {
					td[class=smallTxt],
					a[class=smallTxt],
					span[class=smallTxt] {
						font-size: 11px !important;
					}
				}

				@media only screen and (max-width: 640px) {
					td[class=mediumTxt],
					a[class=mediumTxt],
					span[class=mediumTxt] {
						font-size: 14px !important;
					}
				}

				@media only screen and (max-width: 640px) {
					td[class=largeTxt],
					a[class=largeTxt],
					span[class=largeTxt] {
						font-size: 18px !important;
					}
				}

				@media only screen and (max-width: 640px) {
					table[class=singleColumnMobileShow] {
						display: block !important;
						visibility: visible !important;
						overflow: auto !important;
						width: 100% !important;
						height: auto !important;
						max-height: none !important;
					}
				}

				@media only screen and (max-width: 640px) {
					tr[class=singleColumnMobileShow] {
						display: block !important;
						visibility: visible !important;
						overflow: auto !important;
						width: 100% !important;
						height: auto !important;
						max-height: none !important;
					}
				}

				@media only screen and (max-width: 640px) {
					td[class=singleColumnMobileShow] {
						display: block !important;
						visibility: visible !important;
						overflow: auto !important;
						width: 100% !important;
						height: auto !important;
						max-height: none !important;
					}
				}

				@media only screen and (max-width: 640px) {
					[class=mobile-show] {
						overflow: visible !important;
						height: auto !important;
						display: block !important;
						line-height: 100% !important;
					}
				}

				@media only screen and (min-width: 481px) {
					div[class=singleColumnMobileShow] {
						display: block !important;
						visibility: visible !important;
						overflow: auto !important;
						width: 100% !important;
						height: auto !important;
						max-height: none !important;
					}
				}

				a:visited {
					color: #f58220;
				}
			</style>
			<style sh-font-styles="">
				/* Generated by SharpSpring -- Do not edit */
				[class].font1 {font-family: 'Open Sans',Arial, sans-serif !important;}
				[class].font2 {font-family: 'Open Sans',Arial, sans-serif !important;}
			</style>
		</head>

		<body bgcolor="#c6c6c6" class="body" style="margin:0;padding:0 !important;mso-line-height-rule:exactly;">
			<!--[if mso]>
			<style type="text/css">
				body, table, td, a, span {
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
				}
			</style>
			<![endif]-->
			<table width="100%" bgcolor="#c6c6c6" border="0" cellspacing="0" cellpadding="0" style="width:100%;">
				<tr>
					<td align="center" valign="top" width="100%">
						<table width="640" border="0" cellspacing="0" cellpadding="0" class="full-width" style="width:640px;color:black;">
							<tr>
								<td width="640" align="center" valign="top">
									<table bgcolor="#68659f" width="640" border="0" cellspacing="0" cellpadding="0" class="full-width" style="width:640px;">
										<tr>
											<td width="20" valign="top"><img alt="" src="https://movemarketing.co.uk/wp-content/themes/dragon-force/emails/blah/19/10/25/img/blank.png" width="20" style="display:block;">
											</td>
											<td class="hide" width="50" valign="top"><img alt="" src="https://movemarketing.co.uk/wp-content/themes/dragon-force/emails/blah/19/10/25/img/blank.png" width="50" style="display:block;">
											</td>
											<td width="500" align="center" valign="top">
												<table width="500" border="0" cellspacing="0" cellpadding="0" class="full-width" style="width:500px;">
													<tr>
														<td width="500" valign="top" height="20" style="line-height:20px;font-size:20px !important;">&nbsp;</td>
													</tr>
													<tr>
														<td width="500" align="center" valign="top" style="color:#0d233e;line-height:28px;font-size:24px !important;font-weight:bold;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;">
															<span style="font-size:24px !important;line-height:28px;mso-line-height-alt:32px;">Are you still interested in how</span><br/>
															<span style="font-size:24px !important;line-height:28px;mso-line-height-alt:32px;color:#ffffff;">blah Terminal</span> <span style="font-size:24px !important;line-height:28px;">can help you outperform your Investment Management peers?</span>
														</td>
													</tr>
													<tr>
														<td width="500" valign="top" height="10" style="line-height:10px;font-size:10px !important;">&nbsp;</td>
													</tr>
													<tr>
														<td width="500" align="center" valign="top" style="color:#ffffff;font-size:12px !important;line-height:16px;mso-line-height-alt:20px;font-weight:bold;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;">
															<span style="font-size:12px !important;line-height:16px;mso-line-height-alt:20px;">blah Terminal is the smarter platform for Investment Professionals. Innovative design and one-click navigation bring important events to your attention and helps you perform your role more efficiently.</span>
														</td>
													</tr>
													<tr>
														<td width="500" valign="top" height="20" style="line-height:20px;font-size:20px !important;">&nbsp;</td>
													</tr>
													<tr>
														<td width="500" align="center" valign="top">
															<div class="small-full-width">
																<!--[if mso]>
																<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://free-trial.blahterminal.com/?MC=1&FirstName={$firstName}&LastName={$lastName}&Email={$emailAddress}" style="v-text-anchor:middle;width:320px;" arcsize="25%" stroke="f" fillcolor="#ffffff">
																	<w:anchorlock/>
																	<center>
																		<![endif]-->
																		<a class="small-full-width" href="https://free-trial.blahterminal.com/?MC=1&FirstName={$firstName}&LastName={$lastName}&Email={$emailAddress}" style="background-color:#ffffff;border-radius:10px;color:#24508c;display:inline-block;font-family:Helvetica,Arial,sans-serif !important;font-size:12px !important;font-weight:bold;text-align:center;text-decoration:none;width:320px;padding:10px 5px;-webkit-text-size-adjust:none;">GET YOUR FREE TRIAL OF blah TERMINAL</a>
																		<!--[if mso]>
																	</center>
																</v:roundrect>
																<![endif]-->
															</div>
														</td>
													</tr>
													<tr>
														<td width="500" valign="top" height="30" style="line-height:30px;font-size:30px !important;">&nbsp;</td>
													</tr>
												</table>
											</td>
											<td class="hide" width="50" valign="top"><img alt="" src="https://movemarketing.co.uk/wp-content/themes/dragon-force/emails/blah/19/10/25/img/blank.png" width="50" style="display:block;">
											</td>
											<td width="20" valign="top"><img alt="" src="https://movemarketing.co.uk/wp-content/themes/dragon-force/emails/blah/19/10/25/img/blank.png" width="20" style="display:block;">
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</body>
	</html>

결과는 다음과 같습니다.

여기에 이미지 설명 입력

If you refer to this image you can see the big title is displayed at a much smaller size on the outlook 2007+ versions.

Edit: The solution turned out to be, make sure I am applying the styles in the head using a class as well as by targeting attributes (some engines must ignore targeting of elements). Along with removing all inline-style uses of !important.

Here is an updated snippet for you to see:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
	<head>
		<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
		<meta name="viewport" content="width=device-width">
		<meta content="telephone=no" name="format-detection">
		<meta name="ProgId" content="Word.Document" />
		<meta name="Generator" content="Microsoft Word 12" />
		<meta name="Originator" content="Microsoft Word 12" />
		<!--[if !mso]><!-->
			<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!--<![endif]-->
		<title>Example Terminal</title>
		<link href="" rel="icon" type="image/x-icon">
		<!--[if mso]>
			<style>
				.fallback-font {
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
				}
			</style>
			<![endif]-->
			<!--[if gte mso 9]>
				<style>
					a:visited {
						color:#f58220;
					}
				</style>
			<![endif]-->
			<!--[if (gte mso 9)|(IE)]>
				<style type="text/css">
					table {
						border-collapse: collapse;
						border-spacing: 0; 
						mso-line-height-rule: exactly; 
						mso-margin-bottom-alt: 0; 
						mso-margin-top-alt: 0; 
						mso-table-lspace: 0pt;
						mso-table-rspace: 0pt;
					}
				</style>
			<![endif]-->
			<!--[if gt mso 15]>
			<style type="text/css" media="all">
				table, tr, td {
					border-collapse: collapse;
				}
			</style>
		<![endif]-->
		<!--[if gtemso 9]><xml>
			<o:OfficeDocumentSettings>
				<o:AllowPNG/>
				<o:PixelsPerInch>96</o:PixelsPerInch>
			</o:OfficeDocumentSettings>
		</xml><![endif]-->
		<style type="text/css">
			/* Fonts */
			h1,
			h2,
			h3,
			h4,
			h5,
			h6,
			body,
			p,
			a,
			input,
			textarea,
			button,
			input[type=text],
			input[type=submit],
			table,
			td,
			div,
			span,
			*,
			.base {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
				font-weight: bold!important;
				line-height: inherit;
				-webkit-font-smoothing:antialiased;
				-webkit-text-size-adjust: 100%;
				-ms-text-size-adjust: 100%;
			}
			h1,
			h2,
			h3,
			h4,
			h5,
			h6 {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
				font-weight: bold!important;
				margin:0;
			}
			body,
			p,
			a,
			input,
			textarea,
			button,
			input[type=text],
			input[type=submit],
			table,
			td,
			div,
			span {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
				font-weight: bold!important;
			}
			/* END Fonts */

			body {
				margin: 0 auto !important;
				padding: 0 !important;
				height: 100% !important;
				width: 100% !important;
			}
			table,
			td {
				border-collapse: collapse;
				mso-table-lspace: 0pt !important;
				mso-table-rspace: 0pt !important;
			}
			img {
				display: block;
				white-space: pre-line;
				-ms-interpolation-mode:bicubic;
			}
			a {
				text-decoration: none;
			}
			.ExternalClass * {
				line-height: 115%;
			}

			@media only screen and (max-width: 640px) {
				table[class=full-width],
				img[class=full-width],
				table[class=full-width_footer],
				a[class=full-width],
				div[class=full-width] {
					width: 100% !important;
					height: auto !important;
				}
			}

			@media only screen and (max-width: 480px) {
				table[class=small-full-width],
				img[class=small-full-width],
				table[class=small-full-width_footer],
				a[class=small-full-width],
				div[class=small-full-width] {
					width: calc(100% - 40px)!important;
					height: auto !important;
				}
			}

			@media only screen and (max-width: 640px) {
				table[class=full-width-margin] {
					width: 100% !important;
					height: auto !important;
					margin: 0 0 20px !important;
				}
			}

			@media only screen and (max-width: 640px) {
				td[class=singleColumn] {
					width: 100% !important;
					float: left !important;
				}
			}

			@media only screen and (max-width: 640px) {
				table[class=hide],
				td[class=hide],
				tr[class=hide],
				span[class=hide] {
					display: none !important;
				}
			}

			@media only screen and (max-width: 640px) {
				td[class=textJustify],
				a[class=textJustify] {
					text-align: justify !important;
				}
			}

			@media only screen and (max-width: 640px) {
				td[class=textCenter],
				a[class=textCenter] {
					text-align: center !important;
				}
			}

			@media only screen and (max-width: 640px) {
				td[class=textRight],
				a[class=textRight] {
					text-align: right !important;
				}
			}

			@media only screen and (max-width: 640px) {
				div[class=show] {
					display: block !important;
				}
			}

			@media only screen and (max-width: 640px) {
				td[class=smallTxt],
				a[class=smallTxt],
				span[class=smallTxt] {
					font-size: 11px !important;
				}
			}

			@media only screen and (max-width: 640px) {
				td[class=mediumTxt],
				a[class=mediumTxt],
				span[class=mediumTxt] {
					font-size: 14px !important;
				}
			}

			@media only screen and (max-width: 640px) {
				td[class=largeTxt],
				a[class=largeTxt],
				span[class=largeTxt] {
					font-size: 18px !important;
				}
			}

			@media only screen and (max-width: 640px) {
				table[class=singleColumnMobileShow] {
					display: block !important;
					visibility: visible !important;
					overflow: auto !important;
					width: 100% !important;
					height: auto !important;
					max-height: none !important;
				}
			}

			@media only screen and (max-width: 640px) {
				tr[class=singleColumnMobileShow] {
					display: block !important;
					visibility: visible !important;
					overflow: auto !important;
					width: 100% !important;
					height: auto !important;
					max-height: none !important;
				}
			}

			@media only screen and (max-width: 640px) {
				td[class=singleColumnMobileShow] {
					display: block !important;
					visibility: visible !important;
					overflow: auto !important;
					width: 100% !important;
					height: auto !important;
					max-height: none !important;
				}
			}

			@media only screen and (max-width: 640px) {
				[class=mobile-show] {
					overflow: visible !important;
					height: auto !important;
					display: block !important;
					line-height: 100% !important;
				}
			}

			@media only screen and (min-width: 481px) {
				div[class=singleColumnMobileShow] {
					display: block !important;
					visibility: visible !important;
					overflow: auto !important;
					width: 100% !important;
					height: auto !important;
					max-height: none !important;
				}
			}

			a:visited {
				color: #f58220;
			}
		</style>
		<style sh-font-styles="">
			/* Generated by SharpSpring -- Do not edit */
			[class].font1 {font-family: 'Open Sans',Arial, sans-serif !important;}
			[class].font2 {font-family: 'Open Sans',Arial, sans-serif !important;}
		</style>
	</head>

	<body bgcolor="#c6c6c6" class="body" style="margin:0;padding:0;mso-line-height-rule:exactly;">
		<!--[if mso]>
		<style type="text/css">
			body, table, td, a, span {
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			}
		</style>
		<![endif]-->
		<table width="100%" bgcolor="#c6c6c6" border="0" cellspacing="0" cellpadding="0" style="width:100%;">
			<tr>
				<td align="center" valign="top" width="100%">
					<table width="640" border="0" cellspacing="0" cellpadding="0" class="full-width" style="width:640px;color:black;">
						<tr>
							<td width="640" align="center" valign="top">
								<table bgcolor="#68659f" width="640" border="0" cellspacing="0" cellpadding="0" class="full-width" style="width:640px;">
									<tr>
										<td width="20" valign="top"><img alt="" src="https://movemarketing.co.uk/wp-content/themes/dragon-force/emails/Example/19/10/25/img/blank.png" width="20" style="display:block;">
										</td>
										<td class="hide" width="50" valign="top"><img alt="" src="https://movemarketing.co.uk/wp-content/themes/dragon-force/emails/Example/19/10/25/img/blank.png" width="50" style="display:block;">
										</td>
										<td width="500" align="center" valign="top">
											<table width="500" border="0" cellspacing="0" cellpadding="0" class="full-width" style="width:500px;">
												<tr>
													<td width="500" valign="top" height="20" style="line-height:20px;font-size:20px;">&nbsp;</td>
												</tr>
												<tr>
													<td class="base" width="500" align="center" valign="top" style="color:#0d233e;line-height:28px;font-size:24px;font-weight:bold;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;">
														<span class="base" style="font-size:24px;line-height:28px;mso-line-height-alt:32px;">Are you still interested in how</span><br/>
														<span class="base" style="font-size:24px;line-height:28px;mso-line-height-alt:32px;color:#ffffff;">Example Terminal</span> <span class="base" style="font-size:24px;line-height:28px;">can help you outperform your Investment Management peers?</span>
													</td>
												</tr>
												<tr>
													<td width="500" valign="top" height="10" style="line-height:10px;font-size:10px;">&nbsp;</td>
												</tr>
												<tr>
													<td class="base" width="500" align="center" valign="top" style="color:#ffffff;font-size:12px;line-height:16px;mso-line-height-alt:20px;font-weight:bold;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;">
														<span class="base" style="font-size:12px;line-height:16px;mso-line-height-alt:20px;">Example Terminal is the smarter platform for Investment Professionals. Innovative design and one-click navigation bring important events to your attention and helps you perform your role more efficiently.</span>
													</td>
												</tr>
												<tr>
													<td width="500" valign="top" height="20" style="line-height:20px;font-size:20px;">&nbsp;</td>
												</tr>
												<tr>
													<td width="500" align="center" valign="top">
														<div class="small-full-width">
															<!--[if mso]>
															<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://free-trial.Exampleterminal.com/?MC=1&FirstName={$firstName}&LastName={$lastName}&Email={$emailAddress}" style="v-text-anchor:middle;width:320px;" arcsize="25%" stroke="f" fillcolor="#ffffff">
																<w:anchorlock/>
																<center>
																	<![endif]-->
																	<a class="small-full-width base" href="https://free-trial.Exampleterminal.com/?MC=1&FirstName={$firstName}&LastName={$lastName}&Email={$emailAddress}" style="background-color:#ffffff;border-radius:10px;color:#24508c;display:inline-block;font-family:Helvetica,Arial,sans-serif;font-size:12px;font-weight:bold;text-align:center;text-decoration:none;width:320px;padding:10px 5px;-webkit-text-size-adjust:none;">GET YOUR FREE TRIAL OF Example TERMINAL</a>
																	<!--[if mso]>
																</center>
															</v:roundrect>
															<![endif]-->
														</div>
													</td>
												</tr>
												<tr>
													<td width="500" valign="top" height="30" style="line-height:30px;font-size:30px;">&nbsp;</td>
												</tr>
											</table>
										</td>
										<td class="hide" width="50" valign="top"><img alt="" src="https://movemarketing.co.uk/wp-content/themes/dragon-force/emails/Example/19/10/25/img/blank.png" width="50" style="display:block;">
										</td>
										<td width="20" valign="top"><img alt="" src="https://movemarketing.co.uk/wp-content/themes/dragon-force/emails/Example/19/10/25/img/blank.png" width="20" style="display:block;">
										</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>

Working code in action:

여기에 이미지 설명 입력

Massive thank you to contributors, saved me so much hassle! <3

Digital_Frankenstein

추가 한 모든 인라인! 중요한 문을 제거하십시오. 이로 인해 Outlook에서 문제가 발생합니다.
이유는 확실하지 않지만 (인라인! 중요한 명령문이 유효하지 않을 수 있음) 객체 초기 상태에서는 필요하지 않습니다.
! important는 개체의 초기 상태를 덮어 쓰는 헤드에서만 사용해야합니다.

또한 머리 CSS의 속성 선택기에서 멀어 질 것입니다. 구식이며 더 이상 모든 곳에서 작동하지 않을 수 있습니다. 간단히 일반 클래스 선언으로 변환합니다.
예 : table[class=full-width]이된다 .full-width.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Windows 10에서 글꼴이 갑자기 픽셀 화되는 이유는 무엇입니까?

분류에서Dev

읽기 창에서 Outlook 글꼴 크기를 더 크게 만드는 방법은 무엇입니까?

분류에서Dev

Outlook 2013에서 읽기 창 글꼴 크기를 늘리는 방법은 무엇입니까?

분류에서Dev

emacs에서 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

emacs에서 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

Nib에서로드 된 UITextField의 기본 글꼴 크기가 너무 작은 이유는 무엇입니까?

분류에서Dev

내 프로그램이 JMenu에서 클릭했을 때 글꼴 또는 글꼴 크기를 변경하지 않는 이유는 무엇입니까?

분류에서Dev

항목을 끌어서 놓을 때 글꼴 크기와 div가 병합되는 이유는 무엇입니까?

분류에서Dev

Outlook 2007에서 붙여 넣은 이미지가 원본보다 큰 이유는 무엇입니까?

분류에서Dev

특정 글꼴 하나의 경우 다른 앱에서 동일한 글꼴 크기가 다르게 보이는 이유는 무엇입니까?

분류에서Dev

iOS Chrome v. iOS Safari에서 글꼴 크기가 다른 이유는 무엇입니까?

분류에서Dev

Outlook 2013에서 전자 메일 조각의 글꼴을 변경하는 방법은 무엇입니까?

분류에서Dev

Windows 10에서 지역 언어에 사용되는 기본 글꼴을 변경할 수 있습니까?

분류에서Dev

Ubuntu에 기본 글꼴이 많은 이유는 무엇입니까?

분류에서Dev

컨테이너에 맞게 JS에서 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

다이 그래프에서 주석의 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

왜 deriveFont (플로트 크기) JButton의에서 글꼴 크기를 변경하지 않는 이유는 무엇입니까?

분류에서Dev

텍스트에 큰 글꼴 크기로 노란색 밑줄이있는 이유는 무엇입니까?

분류에서Dev

HTML5에서 글꼴 요소가 지원되지 않는 이유는 무엇입니까?

분류에서Dev

크기에 따라 JButton의 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

Material UI 자동 완성에서 옵션의 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

배치 파일에서 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

Pandas Dataframe Barplot에서 xticks 글꼴 크기 만 변경하는 방법은 무엇입니까?

분류에서Dev

Netbeans에서 'let'키워드의 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

Firefox에서 인쇄 할 때 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

동적 크기로 Swift에서 iOS 앱의 글꼴을 변경하는 방법은 무엇입니까?

분류에서Dev

Bash에서 프롬프트의 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

ttk.Button에서 글꼴 크기를 변경하는 방법은 무엇입니까?

분류에서Dev

Visual Studio 2015의 속성 창에서 글꼴 크기 단위를 변경하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    Windows 10에서 글꼴이 갑자기 픽셀 화되는 이유는 무엇입니까?

  2. 2

    읽기 창에서 Outlook 글꼴 크기를 더 크게 만드는 방법은 무엇입니까?

  3. 3

    Outlook 2013에서 읽기 창 글꼴 크기를 늘리는 방법은 무엇입니까?

  4. 4

    emacs에서 글꼴 크기를 변경하는 방법은 무엇입니까?

  5. 5

    emacs에서 글꼴 크기를 변경하는 방법은 무엇입니까?

  6. 6

    Nib에서로드 된 UITextField의 기본 글꼴 크기가 너무 작은 이유는 무엇입니까?

  7. 7

    내 프로그램이 JMenu에서 클릭했을 때 글꼴 또는 글꼴 크기를 변경하지 않는 이유는 무엇입니까?

  8. 8

    항목을 끌어서 놓을 때 글꼴 크기와 div가 병합되는 이유는 무엇입니까?

  9. 9

    Outlook 2007에서 붙여 넣은 이미지가 원본보다 큰 이유는 무엇입니까?

  10. 10

    특정 글꼴 하나의 경우 다른 앱에서 동일한 글꼴 크기가 다르게 보이는 이유는 무엇입니까?

  11. 11

    iOS Chrome v. iOS Safari에서 글꼴 크기가 다른 이유는 무엇입니까?

  12. 12

    Outlook 2013에서 전자 메일 조각의 글꼴을 변경하는 방법은 무엇입니까?

  13. 13

    Windows 10에서 지역 언어에 사용되는 기본 글꼴을 변경할 수 있습니까?

  14. 14

    Ubuntu에 기본 글꼴이 많은 이유는 무엇입니까?

  15. 15

    컨테이너에 맞게 JS에서 글꼴 크기를 변경하는 방법은 무엇입니까?

  16. 16

    다이 그래프에서 주석의 글꼴 크기를 변경하는 방법은 무엇입니까?

  17. 17

    왜 deriveFont (플로트 크기) JButton의에서 글꼴 크기를 변경하지 않는 이유는 무엇입니까?

  18. 18

    텍스트에 큰 글꼴 크기로 노란색 밑줄이있는 이유는 무엇입니까?

  19. 19

    HTML5에서 글꼴 요소가 지원되지 않는 이유는 무엇입니까?

  20. 20

    크기에 따라 JButton의 글꼴 크기를 변경하는 방법은 무엇입니까?

  21. 21

    Material UI 자동 완성에서 옵션의 글꼴 크기를 변경하는 방법은 무엇입니까?

  22. 22

    배치 파일에서 글꼴 크기를 변경하는 방법은 무엇입니까?

  23. 23

    Pandas Dataframe Barplot에서 xticks 글꼴 크기 만 변경하는 방법은 무엇입니까?

  24. 24

    Netbeans에서 'let'키워드의 글꼴 크기를 변경하는 방법은 무엇입니까?

  25. 25

    Firefox에서 인쇄 할 때 글꼴 크기를 변경하는 방법은 무엇입니까?

  26. 26

    동적 크기로 Swift에서 iOS 앱의 글꼴을 변경하는 방법은 무엇입니까?

  27. 27

    Bash에서 프롬프트의 글꼴 크기를 변경하는 방법은 무엇입니까?

  28. 28

    ttk.Button에서 글꼴 크기를 변경하는 방법은 무엇입니까?

  29. 29

    Visual Studio 2015의 속성 창에서 글꼴 크기 단위를 변경하는 방법은 무엇입니까?

뜨겁다태그

보관