CSS pentru mobil problema

#1
King1

Posted 29 December 2021 - 16:48

Junior Member

Grup: Members
Posts: 71
Înscris: 02.03.2013

Salutari,

Am o problema pe siteul meu si nu stiu daca e de la telefonul meu mobil android sau efectiv nu functioneaza @media in CSS; preuspun ca varianta a 2-a, tinand cont ca Testul de compatibilitate cu dispozitivele mobile imi spune in continuare ca pagina nu e adecvata pentru mobil.

Totodata, ce metoda ar fi cel mai bine de folosit pentru a evita tap problems? Un br cu class si din @media sa il faca vizibil strict pentru mobil?
Thanks

A, da, si chestia asta imi impacteaza SEO, in caz ca se considera ca nu ar fi asta locul potrivit pentru discutie.

Back to top

#2
GaBogdan

Posted 29 December 2021 - 17:04

Member

Grup: Members
Posts: 625
Înscris: 02.09.2020

@media functioneaza in css fara probleme ( de obicei ), depinde ce targetezi tu acolo, min max etc.
Eu sincer as recomanda bootstrap grid ( https://getbootstrap...out/grid/ la grid options ai responsive, ce te intereseaza ), nu mai stai sa iti bati capu pe fiecare dimensiune. Strict parerea mea.
E local site-ul? daca nu, da-ne linkul si unde e buba, poate te putem ajuta ( bineinteles, daca vrei sa il postezi, daca nu, intelegem )

Back to top

#3
King1

Posted 29 December 2021 - 19:04

Junior Member

Grup: Members
Posts: 71
Înscris: 02.03.2013

Multumesc mult! E local site-ul, da

Back to top

#4
King1

Posted 29 December 2021 - 19:43

Junior Member

Grup: Members
Posts: 71
Înscris: 02.03.2013

Asta nu merge:

@media screen and (max-width: 600px) {
  p, table, a {
    font-size: 14px;
  }
}

Back to top

#5
King1

Posted 03 January 2022 - 20:51

Junior Member

Grup: Members
Posts: 71
Înscris: 02.03.2013

Problema e, din ce vad in testul live din Google Console, ca Googlebotul pentru smartphone imi arata pagina de parca nu ar fi activ meta viewport, or el functioneaza!

Nu inteleg!!!

Back to top

#6
coniac

Posted 03 January 2022 - 21:10

Member

Grup: Members
Posts: 497
Înscris: 17.12.2019

@media only screen and (max-device-width: 480px)

link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="small-device.css

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)

link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" href="/assets/css/small-device.css

Back to top

#7
King1

Posted 04 January 2022 - 00:21

Junior Member

Grup: Members
Posts: 71
Înscris: 02.03.2013

Ce fapta buna ai facut!!!
Multumesc! A mers, validat de Google! Yuhuuu
Am folosit un nou link rel care sa updateze pe cele originare strict pentru dispozitivele mobile

Thankssss

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

CSS pentru mobil problema

#1 King1 Posted 29 December 2021 - 16:48

#2 GaBogdan Posted 29 December 2021 - 17:04

#3 King1 Posted 29 December 2021 - 19:04

#4 King1 Posted 29 December 2021 - 19:43

#5 King1 Posted 03 January 2022 - 20:51

#6 coniac Posted 03 January 2022 - 21:10

#7 King1 Posted 04 January 2022 - 00:21

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
King1

Posted 29 December 2021 - 16:48

#2
GaBogdan

Posted 29 December 2021 - 17:04

#3
King1

Posted 29 December 2021 - 19:04

#4
King1

Posted 29 December 2021 - 19:43

#5
King1

Posted 03 January 2022 - 20:51

#6
coniac

Posted 03 January 2022 - 21:10

#7
King1

Posted 04 January 2022 - 00:21