जीमेल मेरे न्यूजलेटर में पृष्ठभूमि आकार को हटा देता है

मेरे पास एक ईमेल न्यूज़लेटर है, जिसमें उत्पादों की उत्पाद चित्र शामिल हैं, जिन्हें न्यूज़लेटर के माध्यम से प्रचारित किया जाता है। मैं पूर्ण आकार की तस्वीरों का उपयोग करता हूं और इनके साथ आकार बदलता हूं:

<table cellspacing="0" cellpadding="0" border="0" style="width: 201px; height: 240px; background-image: url({{ item1.picture }}); background-repeat: no-repeat; background-size: 100% auto;">

Gmail strips the

background-size: 100% auto;

tag and the pictures are shown in their full size. Is there any way how to fix this? I don't want to resize each picture on the server side.

0
@ आॉन: कोई नहीं। शायद यह बेवकूफ सवाल है, लेकिन क्या यह वास्तव में महत्वपूर्ण है?
जोड़ा लेखक nu.frix, स्रोत
आप किस सिद्धांत का उपयोग कर रहे हैं
जोड़ा लेखक Anon, स्रोत
आप stackoverflow.com/questions/8015515/… का समर्थन नहीं करता है
जोड़ा लेखक David Randall, स्रोत
क्या किसी को इसके लिए स्पष्टीकरण/समाधान मिला है?
जोड़ा लेखक Nicolas, स्रोत

3 उत्तर

आपकी तकनीक Outlook में काम नहीं करेगी। मुझे पता है कि यह सवाल में नहीं है, लेकिन यह # 2 सबसे लोकप्रिय ईमेल क्लिंट है। मैं backgrounds.cm में दिखाए गए वीएमएल/पृष्ठभूमि संयोजन के साथ जाने का सुझाव दूंगा।

मुझे यकीन नहीं है कि अगर आपको HTML ईमेल में काम कर रहे 100% आकार की पृष्ठभूमि छवि मिल जाएगी। मैंने केवल टाइल या गैर-टाइल कार्यान्वयन देखा है। क्या कोई कारण है कि आप सामान्य छवि टैग का उपयोग नहीं कर सकते? ऐसा कुछ अच्छा क्लाइंट क्लाइंट काम करता है:

<td>
  
</td>
0
जोड़ा

मैंने बैकग्राउंड सीएसएस शॉर्टंड विधि का उपयोग करके इसके आसपास काम किया। छवि को दोहराएं, दोहराएं, और आकार को सभी पंक्तियों में इस प्रकार परिभाषित करें:

background: url({{ item1.picture }}) no-repeat top/100% auto;

ध्यान दें कि आकार विशेषता को स्थिति विशेषता ('शीर्ष') के बाद परिभाषित किया जाना चाहिए और '/' के साथ सीमित किया जाना चाहिए।

0
जोड़ा
शानदार समाधान
जोड़ा लेखक Muhammed, स्रोत
क्रोम अभी भी आकार को स्ट्रिप करता है और केवल दोहराना नहीं रखता है। क्या मैं कुछ गलत कर रहा हूं?
जोड़ा लेखक Sekai, स्रोत
पूरी तरह से काम किया। प्रतिभाशाली।
जोड़ा लेखक Jon Sakas, स्रोत
यह बहुत अच्छा है! आईटी वर्क्स: डी
जोड़ा लेखक Felix Kamote, स्रोत

I was building inside an email a button with the twitter logo like that: enter image description here

इसलिए मैं छवि के रेटिना आकार को प्रस्तुत करने के लिए ट्विटर लोगो और पृष्ठभूमि-आकार जोड़ने के लिए background-image का उपयोग कर रहा था।

मैंने पृष्ठभूमि - * सीएसएस गुणों के साथ-साथ शॉर्टेंड संस्करण <कोड> पृष्ठभूमि: url() no-repeat 16px center/24px auto का पूरा संस्करण आज़माया, जीमेल अभी भी स्ट्रिपिंग कर रहा था यह।

तो मेरा समाधान img HTML टैग पृष्ठभूमि संपत्ति के बजाय HTML टैग का उपयोग करना है। और यह वास्तव में बेहतर काम करता है क्योंकि img टैग ईमेल क्लाइंट के बीच अधिक व्यापक रूप से समर्थित है।


  <!-- logo image should be 48x48px -->
   
  Share the good news on Twitter

0
जोड़ा