Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Suprataxa card energie?!

Cum era nivelul de trai cam din a...

probleme cu ochelarii

Impozite pe proprietati de anul v...
 teava rezistenta panou apa calda

Acces in Curte din Drum National

Sub mobila de bucatarie si sub fr...

Rezultat RMN
 Numar circuite IPAT si prindere t...

Pareri brgimportchina.ro - teapa ...

Lucruri inaintea vremurilor lor

Discuții despre TVR Sport HD.
 Cost abonament clinica privata

Tremura toata, dar nu de la ro...

Renault Android

Recomandare bicicleta e-bike 20&#...
 

Cum pot schimba css, incat pentru Mobile sa se vada intr-un fel si pentru Desktop altfel?

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

#1
me_suzy

me_suzy

    Member

  • Grup: Members
  • Posts: 746
  • Înscris: 29.04.2007
salut, nu sunt expert, dar am invatat putin css in ultimele 3 zile. Pot sa schimb orice pe partea de desktop, dar nu stiu cum sa schimb si pentru partea de mobile.

Folosesc mereu "inspect" view de la Chrome, si testez pe mobile tot ce fac, dar ceva nu-mi iese.

Am aceasta pagina html.

https://neculaifanta...-gemenilor.html

Am aceasta linie chiar la inceput:

On Februarie 10, 2022, in Leadership Y4-Titanium by Neculai Fantanaru

Pe partea de desktop se vede minunat. Pe partea de mobile as vrea sa se vada altfel, adica sa pastrez doar DATA, si sa micsorez putin fontul:

On Februarie 10, 2022

Ce trebuie sa schimb ca sa se vada doar partea asta pe partea de MOBILE, cu fontul micsorat, iar in partea de DESKTOP sa ramana la fel ?

#2
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 30,192
  • Înscris: 24.02.2007
https://developer.mo...ve/Mobile_first

#3
mberila

mberila

    Active Member

  • Grup: Members
  • Posts: 1,645
  • Înscris: 20.11.2005
Folosesti media queries.
Vezi exemplul din link-ul pus de dani.user

#4
Bogdan__26

Bogdan__26

    Junior Member

  • Grup: Junior Members
  • Posts: 39
  • Înscris: 26.01.2016
Salut, poti sa faci fie cu js: https://jsfiddle.net/2c9gy4zw/ fie cu css: https://jsfiddle.net/2c9gy4zw/1/ in felul acesta.

#5
me_suzy

me_suzy

    Member

  • Grup: Members
  • Posts: 746
  • Înscris: 29.04.2007

View PostBogdan__26, on 10 februarie 2022 - 22:40, said:

Salut, poti sa faci fie cu js: https://jsfiddle.net/2c9gy4zw/ fie cu css: https://jsfiddle.net/2c9gy4zw/1/ in felul acesta.

super. Dar tot n-am inteles ceva. Cum fac sa nu se mai vada in mobile toata linia aia, ci doar partea aceasta:  
On Februarie 10, 2022


#6
utopium

utopium

    Guru Member

  • Grup: Senior Members
  • Posts: 45,569
  • Înscris: 14.08.2007

View Postme_suzy, on 10 februarie 2022 - 22:51, said:


super. Dar tot n-am inteles ceva. Cum fac sa nu se mai vada in mobile toata linia aia, ci doar partea aceasta:  
On Februarie 10, 2022
Daca vrei pe mobil text diferit de desktop, iti faci doua div-uri/span-uri/etc diferite, unul sa zicem cu clasa text-desktop si unul cu text-mobile ... pe unul il faci display: block/inline-block/etc, pe altul none (la rezolutie de mobil ascunzi textul de desktop, la cea de desktop ascunzi textul de mobil).

Daca vrei sa folosesti un singur layer de text, dar sa se vada doar o parte din el pe mobil, faci ceva de genul <span>On Februarie 10, 2002</span><span class="textdesktop">, in Leadership Y4-Titanium by Neculai Fantanaru</span>, unde clasa text-desktop o pui display:none la rezolutii de mobil si display: block/inline-block/etc la rezolutii de desktop.

#7
iulian_1976

iulian_1976

    Active Member

  • Grup: Members
  • Posts: 1,571
  • Înscris: 10.05.2008

View Postme_suzy, on 10 februarie 2022 - 21:47, said:

salut, nu sunt expert, dar am invatat putin css in ultimele 3 zile. Pot sa schimb orice pe partea de desktop, dar nu stiu cum sa schimb si pentru partea de mobile.

Folosesc mereu "inspect" view de la Chrome, si testez pe mobile tot ce fac, dar ceva nu-mi iese.

Am aceasta pagina html.

https://neculaifanta...-gemenilor.html

Am aceasta linie chiar la inceput:

On Februarie 10, 2022, in Leadership Y4-Titanium by Neculai Fantanaru

Multe lucruri.

Pe partea de desktop se vede minunat. Pe partea de mobile as vrea sa se vada altfel, adica sa pastrez doar DATA, si sa micsorez putin fontul:

On Februarie 10, 2022

Ce trebuie sa schimb ca sa se vada doar partea asta pe partea de MOBILE, cu fontul micsorat, iar in partea de DESKTOP sa ramana la fel ?


Nu este suficient pentru cat stii tu html, css sa il faci responsive si eventual alta intefata pe mobile.

Multi o sa spuna ca este simplu, bun intrati in cod si incepeti modificarile apoi sa-mi spuneti cand ati terminat.

Poti ajunge si singur la rezultate, insa asta este o meserie trebuie sa intelegi anumite notiuni, etc asta necesita timp.

Edited by iulian_1976, 18 February 2022 - 13:15.


#8
milovme

milovme

    Member

  • Grup: Members
  • Posts: 814
  • Înscris: 01.11.2012
Încearcă cu bootstrap ca e mai ușor.

Edited by milovme, 29 March 2022 - 17:10.


#9
me_suzy

me_suzy

    Member

  • Grup: Members
  • Posts: 746
  • Înscris: 29.04.2007

View Postmilovme, on 29 martie 2022 - 17:09, said:

Încearcă cu bootstrap ca e mai ușor.

usor de zis. Poti sa oferi un exemplu, macar unul simplu facut cu boostrap ?

Anunturi

Chirurgia cranio-cerebrală minim invazivă 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

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