Hoàn toàn có thể, vâng, mặc dù về mặt kỹ thuật, email sẽ không "phản hồi"

Bạn sẽ làm điều đó với sự kết hợp của các cấu trúc bảng linh hoạt và không linh hoạt; . Mặc dù có một vài lưu ý, nhưng phương pháp này tạo ra các email 'phản hồi' trên tất cả các ứng dụng email (dù sao cũng là những email quan trọng). Tuy nhiên, nếu thiết kế của bạn dựa trên kích thước pixel hoàn hảo, thì đây không phải là một phương pháp tốt để sử dụng;

Tôi đã nói về phương pháp này trong hội thảo nâng cao được tổ chức tại TEDC vào tháng trước. Đây là một số mã chúng tôi đã viết, minh họa những gì tôi đang nói về

    
        
        
        
        
        
    
    
        
            

                

                    



                        

                            

                                

                                    

                                        

                                            



                                                
                                                

                                                    

                                                        

                                                            Spruce up your tables. See what we did there? New products in the store.
                                                        
                                                    
                                                
                                                
                                                

                                                    

                                                        

                                                            
Tj
                                                        
                                                    
                                                
                                                


                                            
                                        
                                    
                                
                            
                            

                                

                                    

                                        

                                            



                                                
                                                

                                                    

                                                        

                                                            

                                                        
                                                    
                                                    

                                                        

                                                            
The Latest from Table Junkies
                                                            

                                                            We're taking it back to the mid-century with our latest crop of products. Embracing the old and making it new again, our latest tables and dining accessories are the perfect compliment to any home. First, we've got two new additions designed to make your meals better:
                                                        
                                                    
                                                
                                                


                                            
                                        
                                        

                                            



                                                
                                                

                                                    

                                                        

                                                            

                                                                

                                                                    

                                                                        

                                                                    
                                                                
                                                                

                                                                    

                                                                        
The Teapot
                                                                        An unusual approach to a classic piece of kitchen-ware.
                                                                    
                                                                
                                                                

                                                                    

                                                                        

                                                                            

                                                                                

                                                                                    Shop Now
                                                                                
                                                                            
                                                                        
                                                                    
                                                                
                                                            
                                                        
                                                    
                                                
                                                
                                                

                                                    

                                                        

                                                            

                                                                

                                                                    

                                                                        

                                                                    
                                                                
                                                                

                                                                    

                                                                        
The Bowl
                                                                        Turn heads and whet appetites with this unique bowl.
                                                                    
                                                                
                                                                

                                                                    

                                                                        

                                                                            

                                                                                

                                                                                    Shop Now
                                                                                
                                                                            
                                                                        
                                                                    
                                                                
                                                            
                                                        
                                                    
                                                
                                                


                                            
                                        
                                    
                                
                            
                            

                                

                                    

                                        

                                            



                                                
                                                

                                                    

                                                        

                                                            
What’s a table without a great chair?
                                                            

                                                            Relax in style with six new chairs from Table Junkies:
                                                        
                                                    
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                


                                            
                                        
                                    
                                
                            
                            

                                

                                    

                                        

                                            



                                                
                                                

                                                    

                                                        

                                                            
From Our Blog
                                                        
                                                    
                                                    

                                                        

                                                            
April 18, 2014
                                                            
Revamping Our Workshop
                                                            We love building quality furniture, but it can be a real mess. Check out how we revamped our workshop and kept things tidy.
                                                        
                                                    
                                                    

                                                        

                                                            

                                                                

                                                                    

                                                                        Read More
                                                                    
                                                                
                                                            
                                                        
                                                    
                                                    

                                                        

                                                            
April 7, 2014
                                                            
New Finish Options
                                                            We're thrilled to announce that all of our tables have new finish options available: Midnight Silk, Natural High Noon, and Lavendar Street. Check them out in the store.
                                                        
                                                    
                                                    

                                                        

                                                            

                                                                

                                                                    

                                                                        Read More
                                                                    
                                                                
                                                            
                                                        
                                                    
                                                
                                                

                                            
                                        
                                    
                                
                            
                            

                                

                                    

                                        

                                            



                                                
                                                

                                                    

                                                        

                                                            1234 Main Street, Anywhere, MA 01234, USA
                                                            

                                                            Unsubscribe | View this email in your browser
                                                        
                                                    
                                                
                                                


                                            
                                        
                                    
                                
                            
                        


                    
                
            
        
    

Lấy ví dụ này, xóa các kiểu truy vấn phương tiện và kiểm tra nó trong trình duyệt;

Ý chính là cái này. hầu hết email hoạt động trên cơ sở linh hoạt, với độ rộng dựa trên tỷ lệ phần trăm (thường là 100%), ngoại trừ các bit mà bạn cần thêm cấu trúc, sẽ có độ rộng dựa trên pixel. Các bảng được 'thả nổi' bằng cách sử dụng thuộc tính căn chỉnh, thuộc tính này hoạt động ổn định hơn so với CSS float.

Các kiểu truy vấn phương tiện được sử dụng để nâng cao dần dần (như chúng phải vậy) và không phải là yêu cầu khó đối với trang có thể xem được (hoặc email, trong trường hợp này)

Không có CSS ​​nào trong ví dụ trên được nội tuyến, nhưng đó là vì mục đích rõ ràng. Bạn muốn nội tuyến CSS như bình thường

Vui lòng đặt câu hỏi nếu có bất cứ điều gì có vẻ kỳ lạ hoặc bạn không hiểu;

mặc dù về mặt kỹ thuật, email sẽ không "phản hồi"

Đúng là. chúng tôi cũng sử dụng phương pháp kết hợp này tại Flipkart

Cảm ơn bạn đã giải thích chi tiết

Tôi đã thử điều này cho bản thân mình và cho đến nay nó hoạt động rất tốt. Tuy nhiên, tôi đã thử thêm màu nền vào bảng đầu tiên và sau đó là nền trắng vào bảng đầu tiên được lồng vào. bảng emailContainer bên dưới #emailHeader. Trong bản xem trước của trình duyệt web, hộp này trông giống như hộp nội dung bgcolor-ed màu trắng trên nền xám. Tuy nhiên, khi tôi thực sự gửi email, tôi nhận được 100% khối màu trắng, thay vào đó là các thanh màu xám. Đó là một "duh" vì tất cả các bảng đều được đặt thành chiều rộng 100%, nhưng các bảng duy nhất có chiều rộng hữu hạn nằm trong các điều kiện MSO. Tôi cũng không muốn thêm màu trắng vào các bảng trong các điều kiện, vì một số bảng được "thả nổi" và sau đó tôi chỉ nhận được các hình Tetris. Vì vậy, có một công việc xung quanh cho điều này?

Chà, nếu bạn không phiền khi sử dụng float - Tôi đã có một số kết quả chắc chắn với các phần tử nổi mà không cần sử dụng truy vấn phương tiện