Hey beste mensen, momenteel staat er een smartphone website online, maar in oudere Iphones schaalt deze niet naar behoren zegt men bij de testleden. Weet iemand hoe ik dit kan aanpassen? Mogelijk via CSS?
@media (max-width: 480px) { .mainContainer { width: 80%;} } ??
Groetjes Rudy.
Beste Rudy.
Er is een optie Desktopsite te vinden via boven zijde smartphone(streepjes/puntjes)hier vinkje zetten dan is het wel te zien.
Blijf gezond
M.vr.gr
Michael
Dankjewel Michael,
Maar de persoon waar ik de website voor maak is hiermee denk ik niet tevreden, ik heb wel gezien in het script dat er @media wordt meegegeven maar deze staat op 100%. Dus ik denk dat ik dat ergens moet kunnen aanpassen.
Groetjes Rudy.
Beste Rudy.
Dank voor Uw Feedback.
Is het probleem dan niet oudere Iphone.
Als het op andere Mobiel en nieuwere IPhone wel goed is ,is dit geen MWD Probleem.
Helaas heb ik geen oudere IPhone in bezit wel versie 11 om het te testen.
Blijf gezond
M.vr.gr
Michael
Hey Michael,
Née het probleem is eigenlijk dat men de website op iedere smartphone moet kunnen schalen ongeacht de schermgrootte of resolutie. Dit zit in de web eigenschappen maar men kan het niet aanpassen. De @ media blijft op 100% staan terwijl men deze styling zou moeten kunnen aanpassen. Deze aanpassingen zijn reeds gebeurt op andere web builders sinds het probleem opgelost werd. En er geschaald werd via styling in CSS. Men gebruikt het wel maar is niet toegankelijk. Wat voor nut heeft het als het schalen op 100 % staat? Groetjes Rudy.
Beste Rudy,
Ik heb heel veel MAGIX gebruikers die met MWD werken hun problemen kunnen oplossen via het Forum en Prive, maar Uw probleem hebben zij nooit kenbaar gemaakt.
Misschien heeft U hier iets aan
https://www.kopstorm.com/blog/wat-is-css-en-hoe-werkt-het
dit is ook belangrijk
Ik heb aan @BeRo( Duitse Web specialist) gevraagd of hij U verder kan helpen, als hij in de gelegenheid is zal hij reageren op het Forum.
Blijf gezond en nog een mooie Paasdag
M.vr.gr.
Michael
[...] het probleem is eigenlijk dat men de website op iedere smartphone moet kunnen schalen [...]
Dat is meestal precies hoe het werkt. Maar er zijn uitzonderingen. Als de zoom-instelling in de media queries bijvoorbeeld is vastgesteld op 100%, dan is zoomen niet mogelijk.
De Web Designer heeft verschillende "schakelaars" waarop bepaalde CSS eigenschappen kunnen worden ingesteld.
In de broncode ziet het er zo uit.
<style id="xr_scstrchs">.xr_scstrch{width:100%;left:0%;z-index:-1;}</style>
Daar wordt de pagina op 100% weergegeven, welke zoomfactor je ook kiest.
Als je absoluut wilt in- en uitzoomen in de smartphone-weergave, dan moet je de standaard in de webdesigner veranderen. In de huidige WD kun je het als volgt instellen:
Hey BeRo, ik heb dit bekeken en idd zit hem hier het probleem. Morgen ga ik eens kijken of ik dit aanpassen kan en of hiermee het probleem opgelost is.
Hartelijk dank, groetjes Rudy.
Hey Michael, dankjewel voor je reactie, ik heb enorm veel aan bijdragen op forums maar zelf haal ik ook veel uit https://www.w3schools.com/
Daar kun je enorm veel bijleren in de meest gebruikte programmeertalen.
De website van mijn vriendin ben ik nog steeds aan het bijwerken. Vandaag heb ik een nog een fout ontdekt. De cookies werden niet geplaatst. Nu wel. Ik kom er wel hoor 😁 Kijk eens op https://www.jasmijnfotografeert/index.htm
Groetjes Rudy.
Beste Rudy,
Dank voor Uw Feedback.
Is het nog gelukt met uitleg van BeRo.
Ik zal mij eens verdiepen in deze link, https://www.w3schools.com/ dank hiervoor
Naar de website van Uw vriendin gekeken,
https://www.jasmijnfotografeert/index.htm
jammer maar die link verwijst naar niets.
Deze link
werkt wel
Blijf gezond
M.vr.gr
Michael
Hey Michael,
Momenteel heb ik de nieuwe versie gedownload maar nog niet gebruikt. Ja de link is verkeerd het is https://www.jasmijnfotografeert.nl/index.htm
Hey Michael,
Bedankt voor je reactie, je moet zeker eens een kijkje nemen op w3schools is enorm leerrijk maar voor sommige personen die niet gewend zijn te programmeren is dit misschien overweldigend.
Groetjes Rudy.