Comments (7)
Take a look at the Media queries section of the readme.
You have to wrap your responsive styles in it's own style
tag with an id, and add that id to the ignoreElements
parameter you can pass to MoveCssInline
.
Those styles won't be inlined, and the style
tag will remain in the email for the device to resolve.
from premailer.net.
I am using this for responsive newsletters. We are trying ink and zurb that are the developers of ink made an inliner you maybe are familiar with on http://zurb.com/ink/inliner.php. It moves media queries inside the <body>
. Keeping <style>
tags inside <body>
will for some reason work in old email clients. To me thats really hard to believe. I consider to use Premailer.NET. The second options is creating a web client that will interface that zurb made form. Then I depend on the form to stay like it is and never change.
from premailer.net.
👍
from premailer.net.
So you recommend me to use that zurb form?
from premailer.net.
Oh, I didn't realize it was a question.
If all you miss in PreMailer.Net is to keep the media queries, it is possible using the ignoreElements
parameter to refer to style blocks that contain the media queries (and excludes all non-media wrapped styles).
That said, use what gives you the best result.
from premailer.net.
I will test some stuff and see! Thanks
from premailer.net.
I've also been using Zurb Foundation for Email and came across this same issue. I've added a PR that enables PreMailer.Net to work with Zurb and CSS from other preprocessors.
from premailer.net.
Related Issues (20)
- MoveCssInline returns self-closing title when empty HOT 5
- MoveCssInline encodes non-ASCII characters even when they should be valid HTML
- Regex in CssParser never ends and uses 100% cpu. HOT 1
- url embedded resources HOT 2
- Request to change colors defined with hsl/hsla to rgb/rgba HOT 1
- Anchor tags should be appended after analytics tags
- Performance issue when process email containing useless big Style tag to small body content HOT 1
- MoveCssInline is HTML encoding CSS HOT 2
- Inliner strips out vml from html tag HOT 1
- Configure continuous benchmark
- Add more example HTML emails to benchmark
- Automate contributors list in README
- Resolve css var's with their actual values?
- Ability to specify which classes should not be removed, like "preheader"
- How to keep html entities (such as ©) from being converted to special characters? HOT 3
- Are you looking for maintainers? HOT 23
- RobiniaDocs API Explorer
- Bug in comment regex, fix in issue description HOT 1
- Two same CSS properties on same dom element does not work HOT 3
- Bump the AngleSharp Version to 1.1.0 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from premailer.net.