Good afternoon guys. The question torments me for a long time. In the version on the PS logo is normal, more or less clear. But after I log in from the phone, there is just a soap logo. Where to look in the code. What values can affect the mobile version logo? Site . Phone version: 
- What is the size of the picture? used the same picture? - Grundy
- 221x191, yes the same - Blacksmith Pa
|
2 answers
You can make a logo of one size for the main site, and another for mobile sites.
You can do it like this:
.logo { background-image: url('logo.png');*/ } @media (max-width: 660px) { // Можете указать другую макс. ширину .logo { background-image: url('logo2.png');*/ } } @media allows you to specify the type of media for which the specified style will be applied.
Successful coding ...
- Thanks for the coding, and many thanks to all the guys who participate in my "stupid" questions. I now went the other way. Made a logo in .svg. But for some reason, when I make it in corel, it’s perfect, I export it to .svg .... and everything eats quality and all curves float. I'm just very meticulous, I could close my eyes to this. SOAP LOGO. But I want to be honest with myself. And do your best. - Blacksmith Pa
- How do I understand the @media tag is responsible for displaying on mobile devices? - Blacksmith Pa
- Not at all) Gratitude you can reveal by pluses) @media allows you to specify the type of media for which the specified style will be applied. You can try this service: image.online-convert.com/en/convert-to-svg - Urmuz Tagizade
|
The image itself is small, so with an increase it blurs. You need to either use vector graphics (for example, svg). Or increase the resolution of the image itself, but then you need to set the required image size and it is desirable to optimize it for the web to speed up the download.
- Do not tell me svg is supported by html? I always thought that only gif png jpg: D - Blacksmith Pa
- SVG can be embedded both through the usual img, as well as css - background, and through html5-tag <svg>. If you still decide to use it, it is better to read the individual resources associated with it. For example, area53.ru/html5/kak-vstavit-svg-v-html.html - Daniel-664
|
