Ich habe viele Webseiten und einige Websites. Die Sache ist, ich bin ein Anf?nger. Ich verwende einfaches HTML5 und CSS3, wei? aber nicht, wie ich sie vergr??ern und verkleinern und für Mobilger?te optimieren kann. Hier ist zum Beispiel eine meiner Seiten und eine meiner Websites, auf der Sie sehen k?nnen, dass es beim Vergr??ern und Verkleinern einige kleinere Probleme gibt und dass es überhaupt nicht für Mobilger?te geeignet ist:
https://mitkovtori.github.io/
https://mitko-vtori-world.github.io/Mitko-Vtori-World/
Gibt es also eine M?glichkeit, das Problem bei allen Gr??en zu beheben oder es für mobile Ger?te usw. neu zu erstellen?
Ich habe versucht, den Prozentsatz ?%“ zur Darstellung der Gr??e zu verwenden, zum Beispiel:
<width="25%">
Ich habe auch versucht, Pixel ?25px“ zu verwenden. Nur die Zahl ?25“.
Aber egal, was ich mache, ich habe immer Probleme beim Vergr??ern, Verkleinern und Bewegen des Ger?ts.
Der Code ist zu 100 % Open Source, Sie k?nnen also meinen Mistcode durchgehen und versuchen herauszufinden, wo ich einen Fehler gemacht habe.
Die Repositories der beiden Websites, die ich zu Beginn geteilt habe: https://github.com/MitkoVtori/MitkoVtori.github.io
https://github.com/Mitko-Vtori-World/Mitko-Vtori-World
1
0
0
使用媒體查詢，例如，如果您想以低于 1023px 的屏幕尺寸設(shè)置樣式，則需要在 css 文件底部添加如下內(nèi)容
@media(max-width:1023px){
/* your code will be here */
.navbar{
padding: 10px 15px;
}
}
如果您想要低于 768，請再次
@media(max-width:768px){
/* your code will be here */
.navbar{
padding: 10px 15px;
}
}
大屏幕和小屏幕的類似模式
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
