diff options
| author | netop://ウィビ <paul@webb.page> | 2026-04-11 14:24:49 -0700 |
|---|---|---|
| committer | netop://ウィビ <paul@webb.page> | 2026-04-11 14:24:49 -0700 |
| commit | 8c34d810af95fae0ef846f54370a8c88bfab7123 (patch) | |
| tree | 436beaf30f7b2b3f15741dd54a37e313964d1f7d /remarks/WR-023.txt | |
Diffstat (limited to 'remarks/WR-023.txt')
| -rw-r--r-- | remarks/WR-023.txt | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/remarks/WR-023.txt b/remarks/WR-023.txt new file mode 100644 index 0000000..bf442e3 --- /dev/null +++ b/remarks/WR-023.txt @@ -0,0 +1,27 @@ + + + + + + + +Document: WR-023 P. Webb + 2026.03.25 + + How to target Safari with CSS in 2026 + +Body + + I was trying to figure this out to make this blog look decent on iOS. + Thanks to Wojtek[1] for the solution! + ```css + @supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) { + .safari-only { + background-color: red; + } + } + ``` + +References + + [1] <https://wojtek.im/journal/targeting-safari-with-css-media-query> |
