summaryrefslogtreecommitdiff
path: root/remarks/WR-023.txt
diff options
context:
space:
mode:
authornetop://ウィビ <paul@webb.page>2026-04-11 14:24:49 -0700
committernetop://ウィビ <paul@webb.page>2026-04-11 14:24:49 -0700
commit8c34d810af95fae0ef846f54370a8c88bfab7123 (patch)
tree436beaf30f7b2b3f15741dd54a37e313964d1f7d /remarks/WR-023.txt
initial commitHEADprimary
Diffstat (limited to 'remarks/WR-023.txt')
-rw-r--r--remarks/WR-023.txt27
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>