为什么Outlook 2007 10、13、16、19会更改我的字体大小?

杰森是我的名字

我已经尝试了许多修复程序,以使Outlook 2007+(07,10,13,16,19)能够在构建电子邮件时呈现我的电子邮件。

我尝试重置文档和表格。我尝试了很多不同的容器(例如,span,font,p&td)来包含文本,所有这些容器均指定了font-size和line-height。放入meta标记,更改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

删除所有已添加的内联!important语句。这导致了Outlook中的问题。
不知道为什么(可能是内联!important语句无效),但是在对象初始状态下不需要它们。
!important只应在头部使用,以覆盖对象的初始状态。

我也将放弃头CSS中的属性选择器。它已经过时,可能不再在任何地方都可用。我只是将它们转换为通用类声明。
即:table[class=full-width]成为.full-width

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么Outlook 2007粘贴的图像比原始的大?

来自分类Dev

为什么Outlook 2007会调整外发和传入HTML电子邮件中的图像大小?我怎样才能解决这个问题?

来自分类Dev

Outlook 2007/10和13忽略条件CSS

来自分类Dev

删除收件人时不触发Outlook 2007属性更改

来自分类Dev

在JMenu中单击时,为什么我的程序没有更改字体或字体大小?

来自分类Dev

为什么我的Access 2007数据库增长如此之快?

来自分类Dev

为什么Outlook忽略了我的div宽度?

来自分类Dev

为什么Flex会影响iOS上的字体大小?

来自分类Dev

如何从Microsoft Outlook 2007注销?

来自分类Dev

Outlook +2007中的HTML列表

来自分类Dev

在Outlook 2007中配置Gmail

来自分类Dev

为什么我无法设置DatePicker字体大小?

来自分类Dev

为什么字体大小:Internet Explorer 11中的字体大小比FireFox大16px?

来自分类Dev

为什么字体大小:Internet Explorer 11中的字体大小比FireFox大16px?

来自分类Dev

为什么div大于字体大小?

来自分类Dev

我可以在Outlook 2007待办事项栏中隐藏特定的重复约会吗?

来自分类Dev

为什么在更改ISP时Outlook创建.ost文件?

来自分类Dev

为什么Outlook 2013会说我有3条提醒?

来自分类Dev

为什么我的Outlook收件箱为空?

来自分类Dev

更改Microsoft Word 2007中的注释字体

来自分类Dev

从Outlook 2007加载项修改ActiveInlineResponseWordEditor

来自分类Dev

Modifying ActiveInlineResponseWordEditor from a Outlook 2007 add-in

来自分类Dev

AutoComplete在Outlook 2007中不起作用

来自分类Dev

Outlook 2007阻止包含特定URL的邮件

来自分类Dev

将消息保存到硬盘Outlook 2007

来自分类Dev

为什么在命令行中按“ Ctrl减”会缩小字体大小?

来自分类Dev

每个浏览器的默认字体大小是否均为16px?为什么?

来自分类Dev

MS Excel 2007:如何保持多张纸的字体大小相同缩放

来自分类Dev

告诉我为什么我的Kivy程序不更新字体大小?

Related 相关文章

  1. 1

    为什么Outlook 2007粘贴的图像比原始的大?

  2. 2

    为什么Outlook 2007会调整外发和传入HTML电子邮件中的图像大小?我怎样才能解决这个问题?

  3. 3

    Outlook 2007/10和13忽略条件CSS

  4. 4

    删除收件人时不触发Outlook 2007属性更改

  5. 5

    在JMenu中单击时,为什么我的程序没有更改字体或字体大小?

  6. 6

    为什么我的Access 2007数据库增长如此之快?

  7. 7

    为什么Outlook忽略了我的div宽度?

  8. 8

    为什么Flex会影响iOS上的字体大小?

  9. 9

    如何从Microsoft Outlook 2007注销?

  10. 10

    Outlook +2007中的HTML列表

  11. 11

    在Outlook 2007中配置Gmail

  12. 12

    为什么我无法设置DatePicker字体大小?

  13. 13

    为什么字体大小:Internet Explorer 11中的字体大小比FireFox大16px?

  14. 14

    为什么字体大小:Internet Explorer 11中的字体大小比FireFox大16px?

  15. 15

    为什么div大于字体大小?

  16. 16

    我可以在Outlook 2007待办事项栏中隐藏特定的重复约会吗?

  17. 17

    为什么在更改ISP时Outlook创建.ost文件?

  18. 18

    为什么Outlook 2013会说我有3条提醒?

  19. 19

    为什么我的Outlook收件箱为空?

  20. 20

    更改Microsoft Word 2007中的注释字体

  21. 21

    从Outlook 2007加载项修改ActiveInlineResponseWordEditor

  22. 22

    Modifying ActiveInlineResponseWordEditor from a Outlook 2007 add-in

  23. 23

    AutoComplete在Outlook 2007中不起作用

  24. 24

    Outlook 2007阻止包含特定URL的邮件

  25. 25

    将消息保存到硬盘Outlook 2007

  26. 26

    为什么在命令行中按“ Ctrl减”会缩小字体大小?

  27. 27

    每个浏览器的默认字体大小是否均为16px?为什么?

  28. 28

    MS Excel 2007:如何保持多张纸的字体大小相同缩放

  29. 29

    告诉我为什么我的Kivy程序不更新字体大小?

热门标签

归档