Gibt es einen Weg/Code, dass ich die Website auf alle Bildschirmgrößen ohne Medienabfrage in der CSS passen kann?Responsive Bildschirmgröße
Der Stil, den ich die CSS-Style-verwenden, nicht Bootstrap noch Flexbox
Antwort
Sie können vh
(1% der Fensterhöhe) und vw
(1% der Fensterbreite) Einheiten verwenden in Ihren CSS-Definitionen stattdessen (und calc(...)
gewünschte Werte).
Btw. flexbox ist CSS-Stil und ist das nächste, was Sie in Betracht ziehen können.
können Sie
width:100%
in Ihrem CSS-Datei für Responsive Design verwenden, dann wird es festgelegt, aber wenn Sie 4 div haben und dann müssen Sie 25% oder weniger verwenden. es wird alle Abschnitt arbeiten, aber wenn es mobiles Gerät dann Gesamtbildschirmgröße ist 500px als wie wenn man dann
width:25%
dann 4 div zeigen verwendet sehr kleine Größe, und es wird dies zu sehen, so nicht gut, wenn Sie verwenden Medienabfrage, dann wird es gut aussehen. aber Prozent (%) funktioniert für Ihren Zweck
Danke für den Screenshot, wie würde sich für jede Fensterhöhe gefaltet entwickeln? – cord
in responsive Design-Breite ist am wichtigsten, aber wenn Sie eine feste Höhe wollen dann funktionieren% und px. In diesem Fall passt% automatisch als Bildschirm an und wenn Sie px verwenden, dann wird, wenn der Bildschirm kleiner ist, der Bildlauf angezeigt und wenn der Bildschirm groß ist, wird der Bildschirm leer –
- 1. Responsive Design mit Medienabfrage: Bildschirmgröße?
- 2. Display aktuelle Bildschirmgröße - Responsive Design-Tools
- 3. Bildschirmgröße
- 4. Responsive Textbox jQuery mobile
- 5. Responsive Highchart-Legendenposition
- 6. responsive Websites mit playframework
- 7. JavaFxPorts Bildschirmgröße
- 8. Das Responsive-Menü verschwindet, wenn die Bildschirmgröße einige Male geändert wird
- 9. Wie meine Screwrect in UNITY 3d Responsive für alle Bildschirmgröße für Android-Handys nur
- 10. Responsive Text über responsive Bilder
- 11. Weird responsive/sticky footer Probleme
- 12. Mitteltasten auf responsive Website
- 13. Responsive Menü gibt
- 14. Konvertieren Sie Koordinaten von iPhone Bildschirmgröße auf iPad Bildschirmgröße
- 15. in Bezug auf responsive und nicht responsive Webseiten
- 16. Responsive Hover Box über Responsive Image
- 17. Responsive Image Orbit Slider
- 18. Bildgröße relativ zur Bildschirmgröße
- 19. Integer, xml Bildschirmgröße weise
- 20. Bildschirmgröße für Anwendung begrenzen
- 21. Bildschirmgröße auf OpenCV erhalten
- 22. Bildschirmgröße in Java erhalten
- 23. Android: Skalierung nach Bildschirmgröße
- 24. Swift: Ermitteln iOS Bildschirmgröße
- 25. Andere Bildschirmgröße auf Android
- 26. iPhone 6 (Plus) Bildschirmgröße
- 27. Bildschirmgröße in PHP-Auflösung
- 28. OpenTK Windows Application Bildschirmgröße?
- 29. Android bekommen falsche Bildschirmgröße
- 30. Bildschirmgröße automatisch einstellen
Beschreiben Sie Ihre Frage/Problem weiter. Eine einfache Website mit einem Absatz wird mühelos auf jedem Gerät reagieren. Warum möchten Sie keine Medienabfragen verwenden? – faviouz
Ich muss eine Website erstellen, die für Mobile, Desktop und Tablet angezeigt werden muss. Aber ich bemerke alle drei Geräte haben unterschiedliche Bildschirmgröße und unterschiedliche Auflösung. Ich habe eine Google-Suche für verschiedene Bildschirmgröße Dimensionen und ich merke, es gibt so viele. Ich weiß, wenn ich Medienabfrage in CSS benutze, kann ich verschiedene Bildschirmgrößen anzielen, um die richtigen Anpassungen vorzunehmen. Aber ich weiß nicht, mit welchen Bildschirmgrößen man am besten die Anpassungen vornimmt. – cord
Auch in diesem Sinne muss ich auch eine Falte für die Website erstellen. zu wissen, dass ich eine Falte für die Website erstellen muss Ich weiß nicht, wo die Höhe mit abgeschnitten für alle Bildschirmabmessungen – cord