Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Responsive Design - Andere CSS Klassen für mobile Endgeräte

Mitglied: deeboo

deeboo (Level 1) - Jetzt verbinden

21.08.2013 um 17:41 Uhr, 2480 Aufrufe, 1 Kommentar

Ein freundliches Hallo in die Runde. Ich bin mal wieder am verzweifeln.
Wenn ich CSS Klassen definiere und dort spezielle Werte für mobile Endgeräte nutze klappt das erstmal soweit ganz gut.

@media screen and (max-width:640px){
.class1 {meine Einstellungen}
}

Wenn ich nun das Browserfenster klein schiebe, wird auch alles schön umgebrochen und untereinander dargestellt.
Mein Problem was ich habe ist folgendes.
Die meisten Mobilen Endgeräte haben aber reguläre Auflösungen.
zu sehen hier:
http://spirelightmedia.com/resources/responsive-design-device-resolutio ...

der Blackberry z.B. 1280 x 768 WXGA

Sprich den juckt das reichlich wenig. Es wird alles dargestellt, nur eben sehr sehr klein.
Daher möchte ich mobile Endgeräte erkennen und z.B. die Schriftgröße auf 120% setzen.

Geht das mit herkömmlichen HTML / CSS Boardmitteln überhaupt?
JavaScript wollte ich eigentlich ungern nutzen, da ich nicht weiß ob das auf Tablets und Handys fehlerfrei funktioniert. Ausserdem haben es viele eh deaktiviert.

Für einen initialen Tipp danke ich schon einmal.

LG
Daniel
Mitglied: colinardo
25.08.2013, aktualisiert um 18:42 Uhr
Hallo Daniel,
passende MediaQueries findest du z.B. hier:
Zitat: JavaScript wollte ich eigentlich ungern nutzen, da ich nicht weiß ob das auf Tablets und Handys fehlerfrei funktioniert. Ausserdem haben es viele eh deaktiviert.
Ein 100% passendes Design auf Devices zugeschnitten, lässt sich aber nur mit JavaScript bzw. PHP verwirklichen(Für PHP gibt es z.B: dieses Script). Die Auswertung des User-Agent-Strings des Browsers ist hier gängige Praxis.
Bezüglich JavaScript: Funktioniert auf den meisten Smartphones problemlos, und wie du fälschlicherweise vermutest haben die meisten der Otto-Normalverbraucher standardmäßig JavaScript aktiviert, weil es bei den meisten mobilen Browsern von Haus aus aktiviert ist, da sonst viele Webseiten nicht wie versprochen funktionieren würden. Die Hersteller wollen ja vermeiden das Ihnen die Kunden weglaufen nur weil der Browser nicht richtig eingestellt ist

Also, wenn du PHP nutzen kannst. mach es damit, denn dann läuft das Script auf dem Server und benötigt am Client keinerlei Voraussetzungen. Das ist die zuverlässigste Methode.

Grüße Uwe
Bitte warten ..
Ähnliche Inhalte
E-Mail
Responsive Email Designer
Frage von MegaGigaE-Mail2 Kommentare

Moin Moin :-) Ich suche wie der Titel schon sagt einen HTML Editor zum erstellen von Mails. Must Have's ...

CSS

CSS Klasse für Multilevel Navigation

Frage von wescraven07CSS2 Kommentare

Moin Entwickler, bin noch Anfänger und habe folgende Frage: Ich habe ein Multilevelnavigation und will eine CSS Klasse schreiben ...

Microsoft Office

Office 365 - shared User Abruf auf mobilem Endgerät

Frage von MarioHMicrosoft Office

Hallo, ich grüble gerade über folgendem Szenario und benötige hier ein wenig Hilfe: ich habe 2 Office 365 Business ...

CSS

Responsives Hintergrundbild

Frage von pcguyCSS7 Kommentare

Hallo zusammen, ich suche eine Lösung für ein responsives Hintergrundbild. Mein Codde bis jetzt: Das funktioniert recht gut, aber ...

Neue Wissensbeiträge
Microsoft

Neuigkeiten zu Server und Office 365 was läuft mit was und was nicht

Tipp von AlFalcone vor 13 StundenMicrosoft

Server Betriebssysteme auf dem die verschiedenen Offices nicht supported sind: • Office 365 ist und wird nicht supported auf Windows ...

Speicherkarten

Neuer Speicherkartentyp - zunächst nur für Huawei-Smartphones (künftig auch für Notebooks u. Tablets?)

Tipp von VGem-e vor 14 StundenSpeicherkarten1 Kommentar

Servus, als ob das "Chaos" i.S. Speicherkarten noch nicht groß genug wäre?! Evtl. kommt dieser neue Kartentyp bald auch ...

Sicherheit

Diverse D-Link-Router durch drei Schwachstellen kompromittierbar

Information von kgborn vor 16 StundenSicherheit

Hat jemand D-Link-Router in Verwendung? Einige Modelle sind sicherheitstechnisch offen wie ein Scheunentor. Äußerst unschöne Sache, aber nichts neues ...

Hardware

100.000 Mikrotik-Router ungefragt von Hacker abgesichert

Information von 7Gizmo7 vor 1 TagHardware1 Kommentar

Hallo zusammen, da hier ja öfters mal von Mikrotik gesprochen wird. Trotz Updates klafft eine Sicherheitslücke in Hundertausenden Mikrotik-Routern. ...

Heiß diskutierte Inhalte
Windows 10
Sysprep Fehler im Log kann nicht starten
Frage von grillinator95Windows 1022 Kommentare

Hallo, kann leider SYSPREP nicht mehr starten, Win10 64bit. Logfile sagt folgendes: 2018-10-17 13:44:56, Info SYSPRP 2018-10-17 13:44:56, Info ...

Sicherheitsgrundlagen
EuGH-Urteil - Internetanschluss für die ganze Familie - Filesharer haften trotzdem
Frage von StefanKittelSicherheitsgrundlagen19 Kommentare

Hallo, In diesem Artikel geht es darum, dass Jemand aus der Familie ein Hörbuch illegal hochgeladen hat. Der Vater ...

Apple
MacBook Pro 2018 mit 8 GB oder 16 GB
Frage von SysAdm81Apple14 Kommentare

Hallo zusammen, ich steh vor der Überlegung mir ein MacBook Pro 13 (2018) zu kaufen. Bzgl. SSD habe ich ...

Outlook & Mail
Outlook schiebt Mails aus Posteingang sofort in den Papierkorb
Frage von hermesOutlook & Mail13 Kommentare

Hallo Outlook Fachleute, wir haben hier das Problem, dass Outlook 2010 alle ankommenden Mails seit zwei Tagen einfach in ...