• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z responsywnością

0 głosów
119 wizyt
pytanie zadane 12 września 2017 w HTML i CSS przez Mateusz Patalan Bywalec (2,160 p.)

Kiedy testowałem stronę na komputerze, przesuwając okno przeglądarki wszystko świetnie wyglądało - nic na siebie nie nachodziło  i ogólnie, wyglądało pięknie.

Ale kiedy wszedłem na stronkę na telefonie, wszystko zaczęło wyglądać źle: Co najważniejsze, włączył się Layout przewidziany dla tabletów.

Czy ktoś wie, co powinienem zrobić?

Link: http://star-wars-blog.wex.pl/

1 odpowiedź

0 głosów
odpowiedź 12 września 2017 przez xdmik23 Bywalec (2,100 p.)
sprobuj otworzyc strone np.: w chromie,kliknij ppm i nacisnij zbadaj,nastepnie znajdz tryb responsywny i tam zobacz czy wszystko jest ok. Samo zmniejszanie okna przegladarki nie zawsze daje pewnosc ze wszystko jest ok
komentarz 12 września 2017 przez xdmik23 Bywalec (2,100 p.)
sprawdzilem i u mnie wszytsko jest ok-zarowno w trybie responsywnym na kompie jak i telefonie wszystko dziala tak samo.Moze masz przegladarke do kitu albo jakis wirus czy jeszcze cos innego. Generalnie jesli na kompie w trybie responsywnym wszystko dziala to na telefonie nie powinno byc problemow o ile przegladarka obsluguje kod,ktorego uzyles
komentarz 12 września 2017 przez xdmik23 Bywalec (2,100 p.)

a czy czasem nie masz w ustawieniach wlaczonej wersji dla komputerow?smiley

komentarz 12 września 2017 przez xdmik23 Bywalec (2,100 p.)
jedyne co mnie niepokoi to fakt,ze w tescie strony wyszlo ze poziom wygody dla urzadzen mobilnych to tylko 70 procent i jak na strone responsywna to troche malo. Moze masz gdzies jakis blad,ktory powoduje ze strona na jednych przegladarkach dziala,na innych nie
komentarz 12 września 2017 przez xdmik23 Bywalec (2,100 p.)
juz widze,po przejsciu w tryb responsywny po chwili wyglad strony sie zmienia.Musizz chyba pokazac kod,albo sprobuj wczesniej pokombinoac  wkodzie css,bo tam tkwi przyczyna.Zapewne to kwestia pobawienia sie w position
komentarz 13 września 2017 przez Mateusz Patalan Bywalec (2,160 p.)
@media (max-width: 500px)
{
	.row
	{
		width:90%;
	}
	.post
	{
		width:100%;
		height: 700px;
		padding:0;
	}
	.post img
	{
		height:20vh;
	}
	.menu
	{
		display:none;
	}
	.container
	{
		width:100%;
	}
	.logo
	{
		width:90%;
	}
	.logo h1
	{
		text-align:center;
		font-size:35px;
	}
	label {
        display: block;
        cursor: pointer;
    }
    .responsive-menu
    {
    	display:block;
    }
    #menu 
    {
        display: none;
    }
    #menu a {
        display: block;
        border-bottom: 1px solid #EAEAEB;
        margin: 0;
     
    }
    #toggle:checked + #menu {
        display: block;
    }
    .footer-row
    {
    	width:95%;
    }
    .container ul li
    {
    	display:none;
    }
    .social-links
    {
    	float:left;
    }
    .social-links span
    {
    	font-size:25px;
    }
    /* Article*/
    .row
    {
    	width:90%;
    }
    .article
    {
    	width:100%;
    }
    .aside
    {
    	width:100%;
    }
    /* ENDArticle*/
}
@media (min-width: 500px) and (max-width: 1150px)
{
	.row
	{
		width:90%;
	}
	.post
	{
		width:50%;
		height:600px;
	}
	.post img
	{
		height:20vh;
	}
	.menu
	{
		display:none;
	}
	.container
	{
		width:100%;
	}
	.logo
	{
		width:90%;
	}
	.logo h1
	{
		text-align:center;
		font-size:35px;
	}
	label {
        display: block;
        cursor: pointer;
    }
    .responsive-menu
    {
    	display:block;
    }
    #menu 
    {
        display: none;
    }
    #menu a 
    {
        display: block;
        border-bottom: 1px solid #EAEAEB;
        margin: 0;
     
    }
    #toggle:checked + #menu 
    {
        display: block;
    }
    .footer-row
    {
    	width:95%;
    }
     /* Article*/
    .row
    {
    	width:90%;
    }
    .article
    {
    	width:100%;
    }
    .aside
    {
    	width:100%;
    }
    .author img
    {
 		width:10%;
    }
    /* ENDArticle*/
}

To cały kod, odpowiedzialny za responsywność

Podobne pytania

0 głosów
0 odpowiedzi 128 wizyt
pytanie zadane 2 października 2016 w HTML i CSS przez Jack9999 Początkujący (300 p.)
0 głosów
4 odpowiedzi 213 wizyt
Porady nie od parady
Zadając pytanie postaraj się o poprawną pisownię i czytelne formatowanie tekstu.Kompozycja

64,843 zapytań

111,309 odpowiedzi

234,099 komentarzy

46,710 pasjonatów

Przeglądających: 239
Pasjonatów: 9 Gości: 230

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...