The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Device Pixel Ratio
Bakes1295
post Mar 12 2021, 04:51 AM
Post #1





Group: Members
Posts: 1
Joined: 12-March 21
Member No.: 27,850



Hi guys,

I'm trying to create an email signature, I've completed the code (below) but it appears blurry on some devices. I believe this will have something to do with the device pixel ratio, but I am a little in-experienced in this area. Could anyone help me with the code below to include the devicePixelratio behaviour?

<HTML><HEAD><TITLE>Email Signature</TITLE>
<META content="text/html; charset=utf-8" http-equiv="Content-Type">
</HEAD>
<link href='https://fonts.googleapis.com/css?family=Cabin' rel='stylesheet'>
<BODY style="font-size: 10pt; font-family: 'cabin';">
<table style="width: 420px; font-size: 10pt; font-family: 'cabin';" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="110" style="font-size: 10pt; font-family: 'cabin'; border-right: 2px solid; border-right-color: #4D4D4D4D; width: 110px; padding-right: 10px; vertical-align: top;" valign="top" rowspan="6">
<a href="periwinkle.info" target="_blank"><img border="0" alt="Logo" width="110" style="width:110px; height:auto; border:0;" src="https://drive.google.com/thumbnail?id=1haqb4RiQVBeNW6jwZsMnx2Fn7IEh5qLS"></a>
</td>
<td>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="font-size: 10pt; color:#4D4D4D4D; font-family: 'cabin'; width: 305px; padding-bottom: 5px; padding-left: 10px; vertical-align: top; line-height:25px;" valign="top">
<strong><span style="font-size: 14pt; font-family: 'cabin'; color:#4D4D4D4D;">Jake Paisley<br></span></strong>
</td>
</tr>
<tr>
<td style="font-size: 10pt; color: #4D4D4D4D; font-family: 'cabin'; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; vertical-align: top;" valign="top">
<p><a href="mailto:jake@perwinkle.info" target="_blank" rel="noopener" style="text-decoration:none;"><span style="font-size: 10pt; font-family: 'cabin'; color:#4D4D4D4D;">jake@periwinkle.info</span></a></p>
</td>
</tr>
<tr>
<td style="font-size: 10pt; font-family: 'cabin'; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; vertical-align: top; color: #4D4D4D4D;" valign="top">
<a href="http://periwinkle.info" target="_blank" rel="noopener" style="text-decoration:none;"><span style="font-size: 10pt; font-family: 'cabin'; color: #4D4D4D4D;">perwinkle.info</span></a>
</td>
</tr>
</td>
</tbody>
</table>
</tr>
</tbody>
</table>
</BODY>
</HTML>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 12 2021, 08:38 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



The text gets fuzzy? Very strange.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 12:43 PM