Heb je een link voor ons waar we mee kunnen kijken?
Thread starter
heijp
(@heijp)
Dit is de link: http://www.inrio.nl/actueel/
tags onder bericht lopen te ver door naar rechts.
Op i-phone zie ik een hele smalle site.
Ongeveer 1/3 van het scherm.
Dit is omdat het thema schaalt op mobile devices, dit heet responsive en is ook de bedoeling. Vanaf 21 april is het zelfs zo dat Google je ranking gaat beinvloeden zodra je website niet mobiel vriendelijk is, dus responsive.
Dat je tags afbreken heeft te maken met het feit dat er geen spaties na de komma’s worden gebruikt. Je browser weet dan niet waar het woord dus stopt en gaat deze vrolijk achter elkaar tonen net zolang tot het een spatie tegen komt.
Je kunt dit laatste oplossen door het volgende aan je css toe te voegen:
.tag-links a { word-wrap: break-word; }
Thread starter
heijp
(@heijp)
Dank je wel Ruurd, tags oplossing werkt! Maar ik begrijp dat het ook opgelost kan worden met toevoegen van een komma achter elke tag?
Dat het responsive is begrijp ik, maar de site werd wel erg verkleind. Dit is nu ook opgelost na aanpassen van de tags. Site is nu weer schermvullend op mijn i-phone, i-pad etc.
Had ik nu maar eerder een vraag gesteld op dit forum, had weer een paar uurtjes zoeken gescheeld. Nogmaals dank.
Graag gedaan 🙂 Goed om te horen dat het is opgelost.
Wat ik zelf vaak gebruik bij het bouwen van een site is in de body de font-size op 12 of 14px te zetten. Vervolgens gebruik je bij alle overige stijlen (css) font-size in ‘em’ of ‘%’ ipv pixels. Dit is namelijk met name makkelijk als je de site op een mobiel apparaat goed wilt laten ogen qua tekst. Zodra je viewport kleiner wordt dan bijvoorbeeld 768px kun je door middel van de font size op je body alle teksten op je site aanpassen omdat alle font sizes afgeleid zijn van de font size die je op je body hebt gedefinieerd.
Ik denk dat bovenstaand jou ook zou helpen met het duidelijker en overzichtelijker maken van je website.
