﻿{"id":601,"date":"2011-10-06T01:30:22","date_gmt":"2011-10-06T00:30:22","guid":{"rendered":"http:\/\/www.samlogic.com\/blogg\/?p=601"},"modified":"2011-10-06T01:30:22","modified_gmt":"2011-10-06T00:30:22","slug":"sa-anpassar-du-ditt-nyhetsbrev-till-bade-mobilens-display-och-datorns-bildskarm","status":"publish","type":"post","link":"https:\/\/www.samlogic.com\/blogg\/2011\/10\/sa-anpassar-du-ditt-nyhetsbrev-till-bade-mobilens-display-och-datorns-bildskarm\/","title":{"rendered":"S\u00e5 anpassar du ditt nyhetsbrev till b\u00e5de mobilens display och datorns bildsk\u00e4rm"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignright\" src=\"http:\/\/www.samlogic.com\/articles\/bilder\/smartphone-htc-desire-small.jpg\" border=\"0\" alt=\"\" hspace=\"0\" vspace=\"1\" \/>Nu f\u00f6r tiden \u00e4r det vanligt att folk l\u00e4ser nyhetsbrev i b\u00e5de datorers bildsk\u00e4rmar och mobilers displayer. Om samma nyhetsbrev ska kunna l\u00e4sas i b\u00e5de en mobils display och en dators bildsk\u00e4rm s\u00e5 inneb\u00e4r det att det finns vissa praktiska problem att hantera eftersom det \u00e4r en v\u00e4ldigt stor skillnad i bredd mellan dessa. Medan en dators bildsk\u00e4rm kan vara upp till 1920 bildpunkter (pixlar) bred s\u00e5 har m\u00e5nga mobiler en displaybredd p\u00e5 endast 320 bildpunkter (pixlar). Ja, i vissa fall \u00e4ven under det. S\u00e5 det kan allts\u00e5 skilja \u00f6ver 6 g\u00e5nger i bredd!<\/p>\n<p>Man kan hantera denna stora skillnad p\u00e5 olika s\u00e4tt:<\/p>\n<ul>\n<li>Man har en l\u00e4nk till en Internetsida d\u00e4r en telefonanpassad version av nyhetsbrevet finns.<\/li>\n<li>Man skickar ut tv\u00e5 versioner av sitt nyhetsbrev: en f\u00f6r de som l\u00e4ser nyhetsbrevet i en mobil, en f\u00f6r de som l\u00e4ser nyhetsbrevet i en dator.<\/li>\n<li>Man skapar ett nyhetsbrev som anpassar sin bredd automatiskt efter bildsk\u00e4rmens \/ displayens bredd.<\/li>\n<\/ul>\n<p>Den sista punkten, dvs anpassning av ett nyhetsbrev efter en bildsk\u00e4rms \/ displays bredd, kan genomf\u00f6ras genom att anv\u00e4nda stilmallar (style sheets). P\u00e5 denna Internetsida beskriver vi hur man g\u00e5r tillv\u00e4ga rent praktiskt:<\/p>\n<p><strong><span style=\"color: #ff0000;\">&gt;<\/span><\/strong> <a href=\"http:\/\/www.samlogic.com\/articles\/mobil-e-post-html-media-query.htm\">Anpassa ett nyhetsbrev efter en bildsk\u00e4rms bredd<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nu f\u00f6r tiden \u00e4r det vanligt att folk l\u00e4ser nyhetsbrev i b\u00e5de datorers bildsk\u00e4rmar och mobilers displayer. Om samma nyhetsbrev ska kunna l\u00e4sas i b\u00e5de en mobils display och en dators bildsk\u00e4rm s\u00e5 inneb\u00e4r det att det finns vissa praktiska problem att hantera eftersom det \u00e4r en v\u00e4ldigt stor skillnad i bredd mellan dessa. Medan &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/www.samlogic.com\/blogg\/2011\/10\/sa-anpassar-du-ditt-nyhetsbrev-till-bade-mobilens-display-och-datorns-bildskarm\/\" class=\"more-link\">Forts\u00e4tt l\u00e4sa<span class=\"screen-reader-text\"> &#8221;S\u00e5 anpassar du ditt nyhetsbrev till b\u00e5de mobilens display och datorns bildsk\u00e4rm&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"_links":{"self":[{"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/posts\/601"}],"collection":[{"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/comments?post=601"}],"version-history":[{"count":1,"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/posts\/601\/revisions"}],"predecessor-version":[{"id":15910,"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/posts\/601\/revisions\/15910"}],"wp:attachment":[{"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/media?parent=601"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/categories?post=601"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.samlogic.com\/blogg\/wp-json\/wp\/v2\/tags?post=601"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}