Media Queries Landscape (Iphone/Ipad)

#1
Cosmin4sul

Posted 26 August 2018 - 20:15

New Member

Grup: Junior Members
Posts: 22
Înscris: 28.01.2015

Revin cu încă o problemă..de data aceasta este in legătură cu modul landscape pentru iphone-uri/ipade-uri. Pentru cele cu android pot sa editez si imi afișează corespunzător folosind codul " @media screen and (max-width: 640px) and (orientation: landscape){}" dar pentru iphone-uri nu se schimba nici o setare. Care ar putea fi problema? am incercat mai multe coduri de pe internet dar tot nu am rezolvat.

Back to top

#2
unbrutus

Posted 26 August 2018 - 20:33

Guru Member

Grup: Senior Members
Posts: 16,256
Înscris: 23.02.2017

deja ti-am zis ce ai de facut, daca esti baiat destept faci ce ti-am zis si ai invatat ceva util pe viata: jsfiddle.
Go for it

Back to top

#3
Cosmin4sul

Posted 26 August 2018 - 20:44

New Member

Grup: Junior Members
Posts: 22
Înscris: 28.01.2015

unbrutus, on 26 august 2018 - 20:33, said:

deja ti-am zis ce ai de facut, daca esti baiat destept faci ce ti-am zis si ai invatat ceva util pe viata: jsfiddle.
Go for it

O sa incerc sa vad ce pot face pe acel site,dar vad ca se misca cam greu cand adaug mai multe coduri in css si nu cred ca m-ar ajuta in problema pentru iphone-uri pentru ca el iti afiseaza o dimensiune defaulf pe care o poti regla tu, nu pot sa vad cum afiseaza pe iphone-uri,cum face de exemplu aplicatie Blisk

Back to top

#4
unbrutus

Posted 26 August 2018 - 21:22

Guru Member

Grup: Senior Members
Posts: 16,256
Înscris: 23.02.2017

Cosmin4sul, on 26 august 2018 - 20:44, said:

nu pot sa vad cum afiseaza pe iphone-uri

ba poti
tu posteaza fiddleul cu codul tau si astfel vei face tuturor viata mai usoara (in special celor care vor sa iti raspunda dar nu vad ce faci tu acolo)

uite un exemplu: http://jsfiddle.net/ra9ry8t4/1/

ca sa vezi full screen adaugi embedded/result la sfarsitul linkului
http://jsfiddle.net/...embedded/result

asta il poti vedea pe iphone, blisk, chrome etc
In chrome apasa F12 si apoi Ctrl+Shift+M

Back to top

#5
Cosmin4sul

Posted 27 August 2018 - 09:56

New Member

Grup: Junior Members
Posts: 22
Înscris: 28.01.2015

unbrutus, on 26 august 2018 - 21:22, said:

ba poti
tu posteaza fiddleul cu codul tau si astfel vei face tuturor viata mai usoara (in special celor care vor sa iti raspunda dar nu vad ce faci tu acolo)

uite un exemplu: http://jsfiddle.net/ra9ry8t4/1/

ca sa vezi full screen adaugi embedded/result la sfarsitul linkului
http://jsfiddle.net/...embedded/result

asta il poti vedea pe iphone, blisk, chrome etc
In chrome apasa F12 si apoi Ctrl+Shift+M

http://jsfiddle.net/b4dtzx8p/3/ .. Asta e ce am editat. Am adaugat doar o pagina html, nu cred ca au rost celelalte.

Edited by Cosmin4sul, 27 August 2018 - 10:02.

Back to top

#6
unbrutus

Posted 27 August 2018 - 15:49

Guru Member

Grup: Senior Members
Posts: 16,256
Înscris: 23.02.2017

Cosmin4sul, on 27 august 2018 - 09:56, said:

http://jsfiddle.net/b4dtzx8p/3/ .. Asta e ce am editat. Am adaugat doar o pagina html, nu cred ca au rost celelalte.

e o zapaceala acolo ca e de mirare ca merge ceva...

asa rapid, incearca sa vezi de ce iti este afisat acel DOCTYPE, ar trebui sa nu fie vizibil

ai doua sectiuni cu <body> (acel <body bgcolor="#ebebe0">) si cu inline css pe una din ele, de ce sa mai pui inline css cand ai fisier separat de css?

e prima oara cand vad un jsfiddle care sa se miste asa greu, probabil din cauza cantitatii absolut socante de css pe care o ai acolo, cu siguranta 90% tre sa fie inutila.

Pt ce afisezi tu acolo, ar trebui sa ai 10-30 de linii de css. Tu ai este 4500 de linii de css!!!!

Rupe si css ul in fisiere, macar pana termini proiectul, si incarca doar ce e strict necesar pe pagina.
De ex, css resetul lasa-l intr-un fisier separat, css ul necesar acestei pagini intr-un fisier separat etc si pune in fiddle doar ce e strict necesar pt demonstrarea problemei

grupeaza meta-urile toate sus, tu ai pus intre ele si niste css uri

Am vrut sa incerc sa iti fac niste modificari dar pana nu scapi de css ul ala nu se poate face nimic.

porneste cu ce minimal pana rezolvi problema si intelegi de ce nu merge.
si renunta la orientation: landscape, e suficient sa te ocupi de rezolutie, care se modifica la rotirea in landscape oricum

Back to top

#7
Cosmin4sul

Posted 27 August 2018 - 20:40

New Member

Grup: Junior Members
Posts: 22
Înscris: 28.01.2015

Mersi de sfaturi,o sa incerc sa grupez,dar acel css este pentru 4 pagini html,de aia sunt asa de multe coduri, o sa revin maine cu strictul necesar pentru problema, si o sa pun un nou link pentru jsfiddle.

Back to top

#8
unbrutus

Posted 27 August 2018 - 23:33

Guru Member

Grup: Senior Members
Posts: 16,256
Înscris: 23.02.2017

Cosmin4sul, on 27 august 2018 - 20:40, said:

Mersi de sfaturi,o sa incerc sa grupez,dar acel css este pentru 4 pagini html,de aia sunt asa de multe coduri,

nu nu nu nu nu... nu poti avea 4500 linii de css pt 4 pagini, fii sigur.
ceva gresesti acolo dar din cauza dimensiunii e f greu de vazut ce.

Back to top

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

Media Queries Landscape (Iphone/Ipad)

#1 Cosmin4sul Posted 26 August 2018 - 20:15

#2 unbrutus Posted 26 August 2018 - 20:33

#3 Cosmin4sul Posted 26 August 2018 - 20:44

#4 unbrutus Posted 26 August 2018 - 21:22

#5 Cosmin4sul Posted 27 August 2018 - 09:56

#6 unbrutus Posted 27 August 2018 - 15:49

#7 Cosmin4sul Posted 27 August 2018 - 20:40

#8 unbrutus Posted 27 August 2018 - 23:33

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Cosmin4sul

Posted 26 August 2018 - 20:15

#2
unbrutus

Posted 26 August 2018 - 20:33

#3
Cosmin4sul

Posted 26 August 2018 - 20:44

#4
unbrutus

Posted 26 August 2018 - 21:22

#5
Cosmin4sul

Posted 27 August 2018 - 09:56

#6
unbrutus

Posted 27 August 2018 - 15:49

#7
Cosmin4sul

Posted 27 August 2018 - 20:40

#8
unbrutus

Posted 27 August 2018 - 23:33