[CSS]Rozdzielczość 4k na stronach internetowych |
[CSS]Rozdzielczość 4k na stronach internetowych |
1.11.2021, 03:51:09
Post
#1
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 8.08.2021 Ostrzeżenie: (0%) |
Cześć,
Mam pytanie do osób które zajmują się css. W związku z tym że jestem laikiem postanowiłem wykorzystać bootstrapa aby jak najmniej kombinować z mobilnością strony (przynajmniej miałem taką nadzieję). Napisałem cały layout niektóre elementy są na sztywno max 70px. Na telefonie i komputerze wszystko wygląda dobrze problem pojawia się gdy chcę odpalić stronę na tv 4k. Wszystko jest bardzo małe jeśli chodzi tekst czy inne elementy i z odległości już jest problem z odczytaniem tekstu. Postanowiłem że spróbuje poprawić layout od początku zacząłem od 4k i co jakiś czas sprawdzam jak to wyglądu na innych rozdzielczościach. o ile na konkretnej rozdzielczości jest fajnie ułożone to jak idziemy np. na mniejszą to coś zaraz się podnosi i wszystko się rozjeżdża. Poprawianie każdego elementu na stronie wcale mi się nie uśmiecha może znacie jakieś fajne rozwiązania typu bootstrap gdzie przy większych rozdzielczościach wszystko się skaluje czy coś podobnego? Szczerze mówiąc nie wiem jak to ugryźć żeby było dobrze. Napisałem sam layout pod navbara i jest już 180 linijek kodu, gotowy pod telefony i pc miał coś kolo 430. Obecnie muszę poprawiać każdy element typu input pod 4k i troszkę mniejszą rozdzielczość. Dzięki za pomoc. Podrzucam jak wygląda obecnie 4k
|
|
|
1.11.2021, 09:55:13
Post
#2
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Google Twoim przyjacielem: http://benwhitehead.github.io/bootstrap-big-grid/
-------------------- |
|
|
1.11.2021, 14:32:02
Post
#3
|
|
Grupa: Zarejestrowani Postów: 6 365 Pomógł: 1114 Dołączył: 30.08.2006 Ostrzeżenie: (0%) |
A w ogóle czemu w tym kodzie ciągle powtarzasz dwie wartości?
font-size: 16px; font-size: 1.3vw; Jedno nadpisuje drugie. -------------------- |
|
|
1.11.2021, 16:50:10
Post
#4
|
|
Grupa: Zarejestrowani Postów: 6 Pomógł: 0 Dołączył: 8.08.2021 Ostrzeżenie: (0%) |
A w ogóle czemu w tym kodzie ciągle powtarzasz dwie wartości? font-size: 16px; font-size: 1.3vw; Jedno nadpisuje drugie. Poprawione a co do http://benwhitehead.github.io/bootstrap-big-grid/# Mam problem z wielkością tekstu a nie kolumn dodatkowo bootstrap 4.6 obsługuje max xl dodałem 4k ale to nic nie zmieniło. |
|
|
4.11.2021, 19:35:33
Post
#5
|
|
Grupa: Zarejestrowani Postów: 3 033 Pomógł: 366 Dołączył: 24.05.2012 Ostrzeżenie: (0%) |
czemu nie użyjesz 5, ona wspiera większe rozdziałki
|
|
|
4.11.2021, 21:40:47
Post
#6
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
com, możesz podać źródło tych informacji?
-------------------- |
|
|
4.11.2021, 21:40:47
Post
#7
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
com, możesz podać źródło tych informacji?
-------------------- |
|
|
5.11.2021, 09:04:57
Post
#8
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) |
Zapewne @com chodziło o to, że wersja 5 ma dodatkowy 6 poziom siatki: extra extra large ≥1400px
|
|
|
5.11.2021, 11:40:15
Post
#9
|
|
Grupa: Zarejestrowani Postów: 3 033 Pomógł: 366 Dołączył: 24.05.2012 Ostrzeżenie: (0%) |
@trueblue tak jak napisał @gino
|
|
|
5.11.2021, 12:31:22
Post
#10
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Nie bardzo widzę jak skok progu do 1400px ma się do obsługi rozdzielczości 4K.
-------------------- |
|
|
5.11.2021, 13:27:17
Post
#11
|
|
Grupa: Zarejestrowani Postów: 3 033 Pomógł: 366 Dołączył: 24.05.2012 Ostrzeżenie: (0%) |
na pewno wygląda lepiej niż kontener 1200 px, ale masz rację mój błąd(pomyliło mi się z 2k) być może kontener tej szerokości jest też za mały, wiec bym dodał po prostu nowy próg albo użył tej biblioteki, ale jako bazę lepiej użyć tak czy tak 5 gdzie jest 6 breakpoint
co do problemu to https://css-tricks.com/optimizing-large-scale-displays/ Ten post edytował com 5.11.2021, 13:34:09 |
|
|
Wersja Lo-Fi | Aktualny czas: 20.04.2024 - 04:15 |