[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-groessenangaben-fuer-den-screen":3,"curated-related-groessenangaben-fuer-den-screen":105},{"data":4,"meta":101},[5],{"id":6,"documentId":7,"title":8,"alternativeTitle":9,"description":10,"content":11,"publish_at":18,"slug":19,"highlight":20,"curated":21,"createdAt":22,"updatedAt":23,"publishedAt":24,"locale":25,"image":26,"category":81,"tags":89,"source":90,"author":30,"seo":95},83,"x4u12ma42q8wgrdm0b4kjt17","Masseinheiten im Web – relative oder absolute Angaben","Grössenangaben für den Screen","Was ist der Unterschied zwischen «rem» und «em»? Wie soll ich meine Schriftgrösse im Web definieren? Stefan Huber erklärt die verschiedenen Masseinheiten.",[12],{"type":13,"children":14},"paragraph",[15],{"text":16,"type":17},"","text","2022-05-12T22:00:00.000Z","groessenangaben-fuer-den-screen",false,true,"2026-05-21T15:08:28.726Z","2026-05-30T15:28:41.840Z","2026-05-30T15:28:41.876Z","de-CH",{"id":27,"documentId":28,"name":29,"alternativeText":29,"caption":29,"focalPoint":30,"width":31,"height":32,"formats":33,"hash":76,"ext":35,"mime":38,"size":77,"url":78,"previewUrl":30,"provider":79,"provider_metadata":30,"createdAt":80,"updatedAt":80,"publishedAt":80},152,"ecsd8aa0j4d49rsa37h336yr","masseinheiten_im_web.png",null,1401,1373,{"lg":34,"md":44,"sm":52,"xl":60,"thumbnail":68},{"ext":35,"url":36,"hash":37,"mime":38,"name":39,"path":30,"size":40,"width":41,"height":42,"sizeInBytes":43},".png","\u002Fuploads\u002Flg_masseinheiten_im_web_a3c5fa918d.png","lg_masseinheiten_im_web_a3c5fa918d","image\u002Fpng","lg_masseinheiten_im_web.png",56.08,1024,1004,56081,{"ext":35,"url":45,"hash":46,"mime":38,"name":47,"path":30,"size":48,"width":49,"height":50,"sizeInBytes":51},"\u002Fuploads\u002Fmd_masseinheiten_im_web_a3c5fa918d.png","md_masseinheiten_im_web_a3c5fa918d","md_masseinheiten_im_web.png",39.61,768,753,39609,{"ext":35,"url":53,"hash":54,"mime":38,"name":55,"path":30,"size":56,"width":57,"height":58,"sizeInBytes":59},"\u002Fuploads\u002Fsm_masseinheiten_im_web_a3c5fa918d.png","sm_masseinheiten_im_web_a3c5fa918d","sm_masseinheiten_im_web.png",32,640,627,31995,{"ext":35,"url":61,"hash":62,"mime":38,"name":63,"path":30,"size":64,"width":65,"height":66,"sizeInBytes":67},"\u002Fuploads\u002Fxl_masseinheiten_im_web_a3c5fa918d.png","xl_masseinheiten_im_web_a3c5fa918d","xl_masseinheiten_im_web.png",74.77,1280,1254,74772,{"ext":35,"url":69,"hash":70,"mime":38,"name":71,"path":30,"size":72,"width":73,"height":74,"sizeInBytes":75},"\u002Fuploads\u002Fthumbnail_masseinheiten_im_web_a3c5fa918d.png","thumbnail_masseinheiten_im_web_a3c5fa918d","thumbnail_masseinheiten_im_web.png",8.18,159,156,8177,"masseinheiten_im_web_a3c5fa918d",12.87,"\u002Fuploads\u002Fmasseinheiten_im_web_a3c5fa918d.png","local","2026-05-21T15:08:28.710Z",{"id":82,"documentId":83,"name":84,"slug":85,"createdAt":86,"updatedAt":87,"publishedAt":88},6,"qryh6hip60vwuwt4yr7iwo2m","Design","design","2026-05-21T15:08:22.865Z","2026-05-21T15:08:32.122Z","2026-05-21T15:08:32.128Z",[],{"id":91,"text":92,"link":93,"authorName":94},20,"publisher.ch","https:\u002F\u002Fpublisher.ch\u002F2020\u002F05\u002F13\u002Fmasseinheiten-im-web-relative-oder-absolute-angaben","Stefan Huber",{"id":96,"metaTitle":97,"metaDescription":98,"keywords":99,"metaRobots":100,"metaViewport":30,"canonicalURL":30,"structuredData":30,"metaImage":30},118,"Masseinheiten im Web – rem, em, px erklärt","Was ist der Unterschied zwischen «rem» und «em»? Stefan Huber erklärt, wie Schriftgrössen im Web sinnvoll definiert werden.","CSS, rem, em, px, Typografie, Web, Schriftgrösse","index,follow",{"pagination":102},{"page":103,"pageSize":104,"pageCount":103,"total":103},1,25,{"data":106,"meta":279},[107,200],{"id":108,"documentId":109,"title":110,"alternativeTitle":111,"description":112,"content":113,"publish_at":117,"slug":118,"highlight":20,"curated":21,"createdAt":119,"updatedAt":120,"publishedAt":121,"locale":25,"image":122,"category":187,"source":195},81,"wt7pta2ozve89tho811o6bpz","Ist das Headless JavaScript Framework CMS Strapi bereit für die breite Masse?","Ein Fazit über die Funktionen des Headless CMS Strapi","Headless CMS treten langsam aus ihrem Nischenbereich und bieten spannende neue Möglichkeiten. Frederik Ventzke zieht in seinem Artikel ein Fazit über Strapi, einer der bekanntesten Vertreter aus der Headless-CMS-Familie.",[114],{"type":13,"children":115},[116],{"text":16,"type":17},"2022-06-10T22:00:00.000Z","ein-fazit-ueber-die-funktionen-des-headless-cms-strapi","2026-05-21T15:08:28.240Z","2026-05-30T15:27:52.687Z","2026-05-30T15:27:52.769Z",{"id":123,"documentId":124,"name":125,"alternativeText":125,"caption":125,"focalPoint":30,"width":126,"height":127,"formats":128,"hash":183,"ext":130,"mime":133,"size":184,"url":185,"previewUrl":30,"provider":79,"provider_metadata":30,"createdAt":186,"updatedAt":186,"publishedAt":186},150,"ph9mvmwqwb86cvk1uz0z2svw","strapi-logo-purple-white.jpg",2160,1359,{"lg":129,"md":138,"sm":145,"xl":152,"2xl":159,"3xl":167,"thumbnail":175},{"ext":130,"url":131,"hash":132,"mime":133,"name":134,"path":30,"size":135,"width":41,"height":136,"sizeInBytes":137},".jpg","\u002Fuploads\u002Flg_strapi_logo_purple_white_efbd432e7f.jpg","lg_strapi_logo_purple_white_efbd432e7f","image\u002Fjpeg","lg_strapi-logo-purple-white.jpg",11.11,644,11109,{"ext":130,"url":139,"hash":140,"mime":133,"name":141,"path":30,"size":142,"width":49,"height":143,"sizeInBytes":144},"\u002Fuploads\u002Fmd_strapi_logo_purple_white_efbd432e7f.jpg","md_strapi_logo_purple_white_efbd432e7f","md_strapi-logo-purple-white.jpg",7.51,483,7511,{"ext":130,"url":146,"hash":147,"mime":133,"name":148,"path":30,"size":149,"width":57,"height":150,"sizeInBytes":151},"\u002Fuploads\u002Fsm_strapi_logo_purple_white_efbd432e7f.jpg","sm_strapi_logo_purple_white_efbd432e7f","sm_strapi-logo-purple-white.jpg",5.98,402,5980,{"ext":130,"url":153,"hash":154,"mime":133,"name":155,"path":30,"size":156,"width":65,"height":157,"sizeInBytes":158},"\u002Fuploads\u002Fxl_strapi_logo_purple_white_efbd432e7f.jpg","xl_strapi_logo_purple_white_efbd432e7f","xl_strapi-logo-purple-white.jpg",15.03,805,15025,{"ext":130,"url":160,"hash":161,"mime":133,"name":162,"path":30,"size":163,"width":164,"height":165,"sizeInBytes":166},"\u002Fuploads\u002F2xl_strapi_logo_purple_white_efbd432e7f.jpg","2xl_strapi_logo_purple_white_efbd432e7f","2xl_strapi-logo-purple-white.jpg",18.94,1536,966,18936,{"ext":130,"url":168,"hash":169,"mime":133,"name":170,"path":30,"size":171,"width":172,"height":173,"sizeInBytes":174},"\u002Fuploads\u002F3xl_strapi_logo_purple_white_efbd432e7f.jpg","3xl_strapi_logo_purple_white_efbd432e7f","3xl_strapi-logo-purple-white.jpg",26.33,1920,1208,26331,{"ext":130,"url":176,"hash":177,"mime":133,"name":178,"path":30,"size":179,"width":180,"height":181,"sizeInBytes":182},"\u002Fuploads\u002Fthumbnail_strapi_logo_purple_white_efbd432e7f.jpg","thumbnail_strapi_logo_purple_white_efbd432e7f","thumbnail_strapi-logo-purple-white.jpg",1.77,245,154,1774,"strapi_logo_purple_white_efbd432e7f",30.87,"\u002Fuploads\u002Fstrapi_logo_purple_white_efbd432e7f.jpg","2026-05-21T15:08:28.217Z",{"id":188,"documentId":189,"name":190,"slug":191,"createdAt":192,"updatedAt":193,"publishedAt":194},10,"xi9ce0bxja68s9u6qds52nkv","Tools & Technik","tools-and-technik","2026-05-21T15:08:23.074Z","2026-05-21T15:08:32.233Z","2026-05-21T15:08:32.240Z",{"id":196,"text":197,"link":198,"authorName":199},19,"Ventzke Media","https:\u002F\u002Fwww.ventzke-media.de\u002Fblog\u002Fstrapi-headless-cms.html","Frederik Ventzke",{"id":201,"documentId":202,"title":203,"alternativeTitle":204,"description":205,"content":206,"publish_at":210,"slug":211,"highlight":20,"curated":21,"createdAt":212,"updatedAt":213,"publishedAt":214,"locale":25,"image":215,"category":268,"source":276},89,"yhu42nobglp9ku2d4p0nhmyu","Design-Systeme im Web","Die Grenzen im Webdesign ausloten","Das Web kennt im Gegensatz zum Papier keine starren Grenzen. Die unzähligen Endgeräte und Screen-Dimensionen sind für Gestalter eine Herausforderung, bieten aber im Vergleich zum Print-Design auch völlig neue Möglichkeiten. Stefan Huber beschreibt in seinem Artikel für den Publisher wie aus Komponenten gehaltvolle Layouts werden.",[207],{"type":13,"children":208},[209],{"text":16,"type":17},"2019-09-15T22:00:00.000Z","die-grenzen-im-webdesign-ausloten","2026-05-21T15:08:25.776Z","2026-05-30T16:35:09.812Z","2026-05-30T16:35:09.857Z",{"id":216,"documentId":217,"name":218,"alternativeText":218,"caption":218,"focalPoint":30,"width":219,"height":219,"formats":220,"hash":263,"ext":35,"mime":38,"size":264,"url":265,"previewUrl":30,"provider":79,"provider_metadata":30,"createdAt":266,"updatedAt":266,"publishedAt":267},17,"fcri4bl5f0906f8ypsemza2z","design-systems-web.png",4388,{"lg":221,"md":227,"sm":233,"xl":239,"2xl":245,"3xl":251,"thumbnail":257},{"ext":35,"url":222,"hash":223,"mime":38,"name":224,"path":30,"size":225,"width":41,"height":41,"sizeInBytes":226},"\u002Fuploads\u002Flg_design_systems_web_aba854b44f.png","lg_design_systems_web_aba854b44f","lg_design-systems-web.png",40.77,40768,{"ext":35,"url":228,"hash":229,"mime":38,"name":230,"path":30,"size":231,"width":49,"height":49,"sizeInBytes":232},"\u002Fuploads\u002Fmd_design_systems_web_aba854b44f.png","md_design_systems_web_aba854b44f","md_design-systems-web.png",28.49,28489,{"ext":35,"url":234,"hash":235,"mime":38,"name":236,"path":30,"size":237,"width":57,"height":57,"sizeInBytes":238},"\u002Fuploads\u002Fsm_design_systems_web_aba854b44f.png","sm_design_systems_web_aba854b44f","sm_design-systems-web.png",22.71,22708,{"ext":35,"url":240,"hash":241,"mime":38,"name":242,"path":30,"size":243,"width":65,"height":65,"sizeInBytes":244},"\u002Fuploads\u002Fxl_design_systems_web_aba854b44f.png","xl_design_systems_web_aba854b44f","xl_design-systems-web.png",50.81,50807,{"ext":35,"url":246,"hash":247,"mime":38,"name":248,"path":30,"size":249,"width":164,"height":164,"sizeInBytes":250},"\u002Fuploads\u002F2xl_design_systems_web_aba854b44f.png","2xl_design_systems_web_aba854b44f","2xl_design-systems-web.png",65.04,65043,{"ext":35,"url":252,"hash":253,"mime":38,"name":254,"path":30,"size":255,"width":172,"height":172,"sizeInBytes":256},"\u002Fuploads\u002F3xl_design_systems_web_aba854b44f.png","3xl_design_systems_web_aba854b44f","3xl_design-systems-web.png",86.38,86378,{"ext":35,"url":258,"hash":259,"mime":38,"name":260,"path":30,"size":261,"width":74,"height":74,"sizeInBytes":262},"\u002Fuploads\u002Fthumbnail_design_systems_web_aba854b44f.png","thumbnail_design_systems_web_aba854b44f","thumbnail_design-systems-web.png",4.67,4665,"design_systems_web_aba854b44f",65.25,"\u002Fuploads\u002Fdesign_systems_web_aba854b44f.png","2026-05-21T14:50:16.547Z","2026-05-21T14:50:16.548Z",{"id":269,"documentId":270,"name":271,"slug":272,"createdAt":273,"updatedAt":274,"publishedAt":275},9,"cth9u5cwmxxvqdzj6v8fgbd6","Publishing","publishing","2026-05-21T15:08:23.024Z","2026-05-21T15:08:32.201Z","2026-05-21T15:08:32.215Z",{"id":277,"text":92,"link":278,"authorName":94},21,"https:\u002F\u002Fpublisher.ch\u002F2019\u002F09\u002F16\u002Fdesign-systeme-im-web\u002F",{"pagination":280},{"page":103,"pageSize":281,"pageCount":103,"total":282},3,2]