https://styx.beatsblog.ch/ Styx Testblog - ich will nur spielen... de Serendipity Styx - https://ophian.github.io/ Sat, 04 May 2019 16:55:24 GMT https://styx.beatsblog.ch/templates/styx_logo_150.png https://styx.beatsblog.ch/ 120 60 https://styx.beatsblog.ch/2653-Styx-4.3.0-und-PHP-8.2.11.html#c5446 https://styx.beatsblog.ch/2653-Styx-4.3.0-und-PHP-8.2.11.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2653 nospam@example.com (Beat) Ohh 🤓 Im "pager" gibt es nun auch im pure-Theme einen go-to-top-Button. Da müsste ich mal die die beiden Javascript-Dateien vergleichen, denn -wenn ich mich recht erinnere- habe ich im pure-beat-Theme nur wegen meinem go-to-top-Button eine eigene pure.js. Wenn ich auf das eigene Design des Buttons verzichten kann, könnte ich dann ja auch die eigene pure.js löschen und müsste bei Theme-Updates nicht mehr darauf achten. Mon, 27 Nov 2023 17:41:39 +0000 https://styx.beatsblog.ch/2653-guid.html#c5446 https://styx.beatsblog.ch/2648-Styx-4.1.2-und-PHP-8.2.4.html#c5445 https://styx.beatsblog.ch/2648-Styx-4.1.2-und-PHP-8.2.4.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2648 nospam@example.com (RudiRatlos) Sieht man ein Kommentar? Wed, 12 Apr 2023 13:40:22 +0000 https://styx.beatsblog.ch/2648-guid.html#c5445 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#c5415 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2634 nospam@example.com (Beat) Danke für die Erklärungen. Habe nun font-size: 1.234625rem; eingesetzt (hier und auf dem Live-Blog). So auf die Schnelle habe ich am Smartphone keinen Unterschied festgestellt. Sollte also soweit passen. Bin Morgen mehr mit dem Smartphone unterwegs und schaue mir das dann genauer an. Mon, 24 Aug 2020 20:03:22 +0000 https://styx.beatsblog.ch/2634-guid.html#c5415 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#c5414 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2634 nospam@example.com (Ian Styx) Ich sehe an meinem Laptop-Montor auch keinen Unterscheid zu vorher. Es ging dabei um die Schrift(größe) in einem entry Text und nirgends anders. Vielleicht ist dein Laptop Screen auch nicht groß genug gewesen um die Auswirkungen sehen zu können. Nur um noch mal zu rekapitulieren: Du hast recht, es war nur 1 max-width in deiner user.css. K.A. wo ich das zweite gesehen und her hatte... Es ging nur um den Austausch von font-size: calc(.95rem + 1vw); mit font-size: 1.234625rem; in Ersterem (1). Dieser Austausch betraf in seiner Auswirkung nur screen Größen zwischen etwa 440 bis 539 Pixeln, da das calc in diesem Range zu sehr hochrechnet und man dort besser mit dem propagierten Ersatz auskommt. Eine eventuelle Nichtbenutzung/Umwandlung eines benutzten max-width MEDIA QUERIES in offene rules hat (-wie gesehen und oben angemerkt-) Folgen (-ähnlich der, die ich in (3) für den Range beschrieb-), die mit weiteren media query Rules für größere Screens bedacht/bekämpft werden müssen (-Tüftelei für Liebhaber-). Besser ist also (erstmal) bei max-width: 539px wie jetzt zu bleiben und (2) darin vorzunehmen. Sun, 23 Aug 2020 07:28:38 +0000 https://styx.beatsblog.ch/2634-guid.html#c5414 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#c5413 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2634 nospam@example.com (Beat) Zu verwirrend für mich. Habe nun wieder die alte user.css (mit dem max-with) aufgespielt. Sat, 22 Aug 2020 15:25:58 +0000 https://styx.beatsblog.ch/2634-guid.html#c5413 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#c5412 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2634 nospam@example.com (Beat) Verstehst..?? -> Ähm... Nein... So wie ich es verstanden habe, war das ja die Idee der Sache. Dass ich nicht für eine bestimmte Screengrösse die Schriftgrösse festschreibe, sondern von einem Grundwert jeweils berechnen lasse. Ich sehe an meinem Laptop-Montor auch keinen Unterscheid zu vorher. Vermutlich muss ich mal den Cache leeren.... Nein, ich sehe das Problem noch nicht... Sat, 22 Aug 2020 14:41:57 +0000 https://styx.beatsblog.ch/2634-guid.html#c5412 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#c5410 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2634 nospam@example.com (Ian Styx) Falls du es nicht selbst bemerkt haben solltest, hast du jetzt ab 540px leider eine durchgehendend kaskadierende Font Größe. Nicht schön auf einem Desktop. Das mit dem Calc + xx war ja dafür gedacht, auf unterschiedlichen Screens eine kalkulierte Schriftgröße zu erzeugen. Das war sehr fein kalkuliert und granuliert und ist jetzt zumindest für die post Schrift Größe obsolet, da du es überschreibst. Die font-size: 1.234625rem; Änderung war tatsächlich nur für etwa 480 bis 539 Pixel gedacht. Deswegen der Hinweis auf längere Herbsttage mit mehr Zeit um das alles auseinanderzuklabüsern, denn mit deinem max-width hatte es ja tadellos funktioniert bis auf diese kleine Änderungsanmerkung. Verstehst..?? Sat, 22 Aug 2020 14:19:46 +0000 https://styx.beatsblog.ch/2634-guid.html#c5410 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#c5409 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2634 nospam@example.com (Beat) O.K. Habe in der user.css nun keine @media screen and (max-with: 539px) Anweisung mehr stehen. Im "Überprüfen" bin ich nicht so gut 😏. Doch auf den ersten Blick, sieht es am Smartphone, wie auch am Desktop ganz i.O. aus. Danke für die Hinweise und Anleitung! 👍 Sat, 22 Aug 2020 13:49:18 +0000 https://styx.beatsblog.ch/2634-guid.html#c5409 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#c5408 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2634 nospam@example.com (Ian Styx) Ja, so definiert sie! Ja schieben könntest du... aber... Genau. Deshalb das aber - du müsstest dann für alle user Definitionen die für (ab) kleine Größen definiert sind überprüfen, ob sie eventuell media queries für größere Screens mit anderen Werten benötigen. Sat, 22 Aug 2020 13:07:48 +0000 https://styx.beatsblog.ch/2634-guid.html#c5408 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#c5407 https://styx.beatsblog.ch/2634-Video-mit-Fliesstext-rechts.html#comments https://styx.beatsblog.ch/wfwcomment.php?cid=2634 nospam@example.com (Beat) Wenn ich Dich richtig verstanden habe, definiert die pure.css resp. die user.css die kleinst mögliche Darstellung und für grössere Auflösungen kommen die @media screen and (min-width: ????px) Anweisungen ins Spiel. In meiner user.css gibt es genau eine (max-with) Anweisung und die sieht so aus: @media screen and (max-width: 539px) { .post_content blockquote { margin-left: 10px; } .post_content, .serendipity_staticpage { font-size: calc(.95rem + 1vw); } #footer p { visibility: visible; } #serendipity_banner { display: initial; position: initial; top: initial; padding-bottom: initial; } } Das heisst also, ich könnte diesen Teil quasi nach oben schieben, da die nachfolgenden @media-Anweisungen für Screen-Grössen ab 540px greifen. Richtig? Und wenn ich das mache, dann soll ich den font-size für Smartphones unter 540px nicht kalkulieren lassen sondern auf 1.234625rem setzen. Worauf sich alle nachfolgenden Schriftgrössen (für grössere Displays) ab diesem Wert errechnen. Sat, 22 Aug 2020 12:48:56 +0000 https://styx.beatsblog.ch/2634-guid.html#c5407