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

Serwer pomniejsza stronę

Object Storage Arubacloud
0 głosów
284 wizyt
pytanie zadane 24 lutego 2018 w HTML i CSS przez Hubert1244 Nowicjusz (200 p.)
Po wrzuceniu strony na lokalny serwer - Xampp lub Webserv - zawartość strony jest pomniejszona. Gdy włączę stronę bezpośrednio z pliku, to wszystko jest okej. Macie jakiś pomysł? Strona oparta na Bootstrapie.
komentarz 24 lutego 2018 przez ScriptyChris Mędrzec (190,190 p.)
Sprawdź, czy jest różnica pomiędzy rozmiarem czcionki w obu przypadkach (uruchomienie przez serwer a bezpośrednio z pliku) - może na serwerze coś ustala domyślny rozmiar na mniejszy.

3 odpowiedzi

+1 głos
odpowiedź 24 lutego 2018 przez Susel Nowicjusz (230 p.)
W jaki sposób strona jest pomniejszona? Wyślij screenshota.

Poza tym, upewnij się, czy w przeglądarce nie masz ustawionego pomniejszenia dla tego serwera.
0 głosów
odpowiedź 24 lutego 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)

Ctrl + lub ewentualnie Ctrl scroll? :D

Bo tak to nie wiem o co może chodzić. A tak po screenach wygląda. Pamiętaj, że jak się ustawia rozmiar powiększenia, to indywidualnie dla każdej domeny. :) 

komentarz 24 lutego 2018 przez Hubert1244 Nowicjusz (200 p.)
I tu i tu jest ustawione na 100%, z tym, że żeby strona na serwerze wyglądała jak ta włączona z pliku, to trzeba powiększyć gdzieś do 125%.
komentarz 24 lutego 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)
Ciekawe. Ja bym się upewnił czy !Doctype jest wszystko dobrze i całym nagłówkiem head.
komentarz 24 lutego 2018 przez Hubert1244 Nowicjusz (200 p.)
<!DOCTYPE html>
<html lang="pl_PL">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Hubert Kiljański">
    
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

    <title>DustBusters</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/half-slider.css" rel="stylesheet">

  </head>

 

komentarz 24 lutego 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)

Viewport meta tags using "width=device-width" cause the page to scale down to fit content that overflows the viewport bounds. You can override this behavior by adding "shrink-to-fit=no" to your meta tag as shown below. The added value will prevent the page from scaling to fit the viewport.

https://stackoverflow.com/a/33949647

 

Więc wywal to shrink-to-fit=no nigdy się z tym nie spotkałem, więc przyznam się, że strzelam, ale może pomoże?  

Zazwyczaj jedne co się robi to:

<meta name="viewport" content="width=device-width, initial-scale=1">

 

komentarz 24 lutego 2018 przez Hubert1244 Nowicjusz (200 p.)
Nadal to samo
0 głosów
odpowiedź 24 lutego 2018 przez Hubert1244 Nowicjusz (200 p.)
Naprawione. Miałem 2 wersje Bootstrapa i gryzły się. Dzięki za pomoc!

Podobne pytania

0 głosów
2 odpowiedzi 398 wizyt
pytanie zadane 16 listopada 2015 w HTML i CSS przez cjve Początkujący (250 p.)
+1 głos
1 odpowiedź 352 wizyt
pytanie zadane 21 listopada 2020 w Systemy operacyjne, programy przez mateusz45 Gaduła (3,240 p.)
0 głosów
4 odpowiedzi 545 wizyt
pytanie zadane 2 stycznia 2018 w Sieci komputerowe, internet przez aspibond777 Początkujący (290 p.)

92,576 zapytań

141,426 odpowiedzi

319,652 komentarzy

61,961 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...