Wszystko

Wszystkie

Archiwum

blakker
blakker
  • 0
#css3 #responsivedesign #css
Aktualny css:

![](images/header.png)

img .hej {
width:100%;
height:100%
}
Niestety, ale w tym wypadku na stronie pojawia sie wielkie 0.xD Jak zrobic aby obrazek sie scalowal do rozmiaru ekranu/przegladarki, a zarazem nie posiadal nic procz samego obrazka?
zwierzak40
zwierzak40
  • 3
Swoją drogą googol miał tak faworyzować w SERPach strony zoptymalizowane pod mobilki a oni się jakoś tyle lat w ścisłych topach utrzymywali mimo to.


@Zdzisiu1: Google faworyzuje też strony, na których dany tekst pojawił się pierwszy raz. Co więcej, użycie tego samego tekstu na innych stronach traktuje jako "cytat" i podnosi wartość tej pierwotnej strony (przynajmniej taka wiedza krąży w branży). Bycie jednym z pierwszych w temacie tekstów + szybkie wrzucanie
rukh
rukh
  • 3
Uważam że responsywne strony powinny mieć dodatkowe właściwości CSS podane w blokach DPI/dppx, nie tylko PX podawane w Media Query MAX-WIDTH().

Np. powinno tak wyglądać:

Dla 125% w Windows:

@media screen and (min-resolution: 1.25dppx) { ... }
Dla 150% w Windows:

@media screen and (min-resolution: 1.5dppx) { ... }
Chodzi o to, by wtedy wczytywało obrazy wyższej rozdzielczości.
Ja np. w swoim ekranie 4K mam skalowanie 150%. Avatary na Wykopie są rozmazane.
WebWave
WebWave
  • 1
@WebWave:

Jak zrobić stronę responsywną?

Jak zrobić stronę responsywną? Czy to trudne?

Takie pytanie przewija się w praktyce od kiedy tylko strony responsywne pojawiły się w internecie.

Dostosowują się one do szerokości ekranu i wyglądają dobrze na każdym urządzeniu – od małego telefonu, poprzez tablet i komputer, aż do telewizora.

Żadnego powiększania, rozciągania ani wlepiania nosa w ekran, bo literki są za małe.

Jednak pojawienie się stron responsywnych spowodowało też zmianę
WebWave - @WebWave: Jak zrobić stronę responsywną? Jak zrobić stronę responsyw...

źródło: comment_BClGlbGNkm67OdH6EfECP06tV0iwrbUW.jpg

Pobierz
bgjm
bgjm
  • 2
Zwykle projektując stronę internetową w #photoshop robiłem wersję desktop, a koder sam robił z tego stronę responsywną działającą na różnych urządzeniach. Teraz mam do zrobienia bardziej rozbudowany serwis i musze zaprojektować wersje mobilne.

Wiem jaki wpływ na wygląd strony ma rozdzielczośc ekranu na kompie (treśc mieści się zazwyczaj na powierzchni odpowiadającej małej rozdzialce, a oglądając stronę na większej rozdziałce po bokach pojawia się tło).

Nie wiem natomiast jak projektuje się stronę pod
Antosh
Antosh
  • 0
@Dzwoneg: 10px to strasznie mało. 15-20 to minimum by wyglądało dobrze i miało przestrzeń. Ja bym polecał zaprojektować na najmniejszą możliwą rozdzielczość która jest obecnie popularna, czyli 320 x 568 - to parametry iPhone SE. Content będzie się po prostu skalować w górę.
KacperOo
KacperOo
  • 5
Ponownie poszukuje kogoś do pocięcia layoutu z psdka do Bootstrapa 3. Prosty layout portalowy, oczywiście pod rwd. Był przestój w projekcie i szukamy znowu ( ͡° ͜ʖ ͡°)

Jeszcze poprzednim razem znalazłem na mirko wykopka, który się podjął, ale najpierw zaczęły się przesuwać terminy, a teraz nie ma z nim kontaktu XD

F-Vat będzie plusem, ale nie jest konieczna.

#webdev #frontend #kodowanie #html #bootstrap #bootstrap3 #rwd #responsivedesign
KacperOo - Ponownie poszukuje kogoś do pocięcia layoutu z psdka do Bootstrapa 3. Pros...

źródło: comment_yATmjg3yQX5OhtNxzatinjYctQQ226bu.jpg

Pobierz

Powiązane tagi