CSS pentru mobil problema

#1
King1

Publicat: 29 decembrie 2021 - 16:48

Junior Member

Grup: Members
Mesaje: 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.

Sus

#2
GaBogdan

Publicat: 29 decembrie 2021 - 17:04

Member

Grup: Members
Mesaje: 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 )

Sus

#3
King1

Publicat: 29 decembrie 2021 - 19:04

Junior Member

Grup: Members
Mesaje: 71
Înscris: 02.03.2013

Multumesc mult! E local site-ul, da

Sus

#4
King1

Publicat: 29 decembrie 2021 - 19:43

Junior Member

Grup: Members
Mesaje: 71
Înscris: 02.03.2013

Asta nu merge:

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

Sus

#5
King1

Publicat: 03 ianuarie 2022 - 20:51

Junior Member

Grup: Members
Mesaje: 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!!!

Sus

#6
coniac

Publicat: 03 ianuarie 2022 - 21:10

Member

Grup: Members
Mesaje: 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

Sus

#7
King1

Publicat: 04 ianuarie 2022 - 00:21

Junior Member

Grup: Members
Mesaje: 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

Sus

Anunturi

Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

www.neurohope.ro

CSS pentru mobil problema

#1 King1 Publicat: 29 decembrie 2021 - 16:48

#2 GaBogdan Publicat: 29 decembrie 2021 - 17:04

#3 King1 Publicat: 29 decembrie 2021 - 19:04

#4 King1 Publicat: 29 decembrie 2021 - 19:43

#5 King1 Publicat: 03 ianuarie 2022 - 20:51

#6 coniac Publicat: 03 ianuarie 2022 - 21:10

#7 King1 Publicat: 04 ianuarie 2022 - 00:21

Anunturi

▶ Utilizatori activi: 1

Autentificare

#1
King1

Publicat: 29 decembrie 2021 - 16:48

#2
GaBogdan

Publicat: 29 decembrie 2021 - 17:04

#3
King1

Publicat: 29 decembrie 2021 - 19:04

#4
King1

Publicat: 29 decembrie 2021 - 19:43

#5
King1

Publicat: 03 ianuarie 2022 - 20:51

#6
coniac

Publicat: 03 ianuarie 2022 - 21:10

#7
King1

Publicat: 04 ianuarie 2022 - 00:21