Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Poti sa iei somaj cu depozite ban...

Analiza tehnica

Sumele impuse la stat se regasesc...
 Sfat secțiune lemn acoperi&#...

Electronica pentru copii

Anouk - SACRIFICE

CASS 10% pe dobanda depozite banca?
 Criza de generatoare electrice HY...

Montaj semineu pe pardoseala parc...

FATMA -

Institutia medierii
 Mașini mici fașneț...

La multi ani @persona695!

La Multi Ani de Sfantul Andrei!

Trebuie sa economisim energie sau...
 

Media Queries Landscape (Iphone/Ipad)

- - - - -
  • Please log in to reply
7 replies to this topic

#1
Cosmin4sul

Cosmin4sul

    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.

#2
unbrutus

unbrutus

    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

#3
Cosmin4sul

Cosmin4sul

    New Member

  • Grup: Junior Members
  • Posts: 22
  • Înscris: 28.01.2015

View Postunbrutus, 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 :)

#4
unbrutus

unbrutus

    Guru Member

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

View PostCosmin4sul, 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

#5
Cosmin4sul

Cosmin4sul

    New Member

  • Grup: Junior Members
  • Posts: 22
  • Înscris: 28.01.2015

View Postunbrutus, 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.


#6
unbrutus

unbrutus

    Guru Member

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

View PostCosmin4sul, 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

#7
Cosmin4sul

Cosmin4sul

    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.

#8
unbrutus

unbrutus

    Guru Member

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

View PostCosmin4sul, 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.

Anunturi

Second Opinion Second Opinion

Folosind serviciul second opinion ne puteți trimite RMN-uri, CT -uri, angiografii, fișiere .pdf, documente medicale.

Astfel vă vom putea da o opinie neurochirurgicală, fără ca aceasta să poată înlocui un consult de specialitate. Răspunsurile vor fi date prin e-mail în cel mai scurt timp posibil (de obicei în mai putin de 24 de ore, dar nu mai mult de 48 de ore). Second opinion – Neurohope este un serviciu gratuit.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate