Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Responzivita 2: doplnění textu #491

Merged
merged 4 commits into from
Sep 10, 2023

Conversation

EvaMach
Copy link
Collaborator

@EvaMach EvaMach commented Sep 9, 2023

No description provided.

@EvaMach EvaMach requested a review from podlomar September 9, 2023 23:43
@EvaMach EvaMach self-assigned this Sep 9, 2023
@EvaMach EvaMach linked an issue Sep 9, 2023 that may be closed by this pull request
@EvaMach EvaMach merged commit 001ea62 into master Sep 10, 2023
1 check passed
@EvaMach EvaMach deleted the 490-responzivní-design-2-aktualizace-materiálů branch September 10, 2023 18:04

U obrázků je také dobré myslet na jejich datový objem, abychom zbytečně nenutili uživatele mobilních zařízení stahovat obrázky o velikosti pro desktop. Nechceme jim vyplýtvat data ani zpomalovat rychlost načítání stránky. V ideálním případě do HTML připravíme různé varianty velikostí.

```
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nebylo by lepší tady nastavit, že se jedná o kus HTML, aby na kodim byla zvýrazněná syntax?

-```
+```html
<img srcset="large-img.jpg 1024w,
middle-img.jpg 640w,
small-img.jpg  320w"
src="small.jpg"
/>

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Jo, jasně. Ještě upravím.

I přesto, že je možné uvádět v media queries [více dalších podmínek](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries), doporučuje se jít od nejmenšího zařízení a přidávát postupně podmínky pro větší a větší šířky displejů.
Kromě podmínky se šířkou se můžete často setkat s určením typu média - zda jde o obrazovku nebo tisk.

```
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tady by naopak mohlo být:

-```
+```css

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Responzivní design 2: aktualizace materiálů
3 participants