Witam, mój dzisiejszy problem to rozmiar obrazków na stronie www. Strona jest responsywna, obrazek przykładowo ma rozmiar 300x300px i na monitorze wyglada dobrze, jednak na smartphone jest nieco gorzej, ponieważ ze względu na większa gęstość px obrazki sa malutkie. Jak mozna rozwiązać taki problem? Czy jest jakiś sposób oprócz width na 100%? Chciałbym tego uniknąć, ponieważ wtedy obrazki na dużych ekranach robią sie ogromne. Korzystam bootstrapa, gdzie wielkość div ustalana jest procentowo.
0
0
oprócz stylu width masz też max-width
0
Wystarczyło do sekcji head dodać: <meta name="viewport" content="width=device-width, initial-scale=1.0"> i skalowanie poszło jak trzeba :)
Ale mam kolejne pytanie, na stronie mam formularze, znajduje się w nich pole select. I wszędzie wygląda jak trzeba, ale otwierajac strone na iphonie w safari pole select jest ostylowane zupełnie inaczej !
Konkretnie wygląda to tak jak w tym linku:
https://lh6.googleusercontent.com/7UBobPi55Wr58oDLIGW1QH-JuERzmx23Lzsp_7I0b6ZEjchtPpnS_vykz-W0MlfFa__7ogCHsgwj0mvJ6KWJ-5svxoUAW3j9BFizx_KNH6ztwxsbUp299r4J3Q
Jak zrobić żeby safari nie ingerowało mi w styl dla tego pola..?
1
input, textarea, select {
-webkit-appearance: none;
}