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, 2486 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
HTML

Wordpress Responsiv Problem (ausschlielich auf Smartphon)

gelöst Frage von Adnan88HTML4 Kommentare

Hallo, kann mir eventuell hier jemand helfen habe bei einer Website ein Problem, das Problem besteht allerdings nur in ...

Netzwerke

Netzwerk Design

gelöst Frage von Herbi1984Netzwerke9 Kommentare

Hi :) Unser neues Netzwerk soll redundant ausgelegt sein. Wir planen entsprechend 2 Cores (stacked - Brocade ICX 7250). ...

HTML

CSS 3 - "viewport" Kein gültiges CSS?

gelöst Frage von ukodusHTML2 Kommentare

Hey Leute, gerade hab ich den Code (@viewport { }) durch den CSS-Überprüfer ) durchgejagt und er entgegnete: "Einlese-Fehler ...

Windows Server

ADFS Design

gelöst Frage von pppp666Windows Server2 Kommentare

Hallo zusammen, ich hoffe jemand von euch kann mir meine Frage beantworten. Unsere ADFS Seite sieht so aus Wir ...

Neue Wissensbeiträge
Humor (lol)
Administrator.de Perlen
Tipp von DerWindowsFreak2 vor 2 TagenHumor (lol)3 Kommentare

Hallo, Heute beim stöbern auf dieser Seite bin auf folgenden Thread aus dem Jahre 2006 gestossen: Was meint ihr? ...

Erkennung und -Abwehr
OpenSSH-Backdoor Malware erkennen
Tipp von Frank vor 3 TagenErkennung und -Abwehr

Sicherheitsforscher von Eset haben 21 Malware-Familien untersucht. Die Malware soll Hintertüren via OpenSSH bereitstellen, so dass Angreifer Fernzugriff auf ...

iOS
WatchChat für Whatsapp
Tipp von Criemo vor 6 TageniOS5 Kommentare

Ziemlich coole App für WhatsApp User in Verbindung mit der Apple Watch. Gibts für iOS sowohl als auch für ...

iOS
IOS hat nen Cursor!
Tipp von Criemo vor 7 TageniOS5 Kommentare

Nette Funktion im iOS. iPhone-Mauszeiger aktivieren „Nichts ist nerviger, als bei einem Tippfehler zu versuchen, den iOS-Cursor an die ...

Heiß diskutierte Inhalte
Grafikkarten & Monitore
PCIe 1.0 Grafikkarte für 3840x2160
Frage von Windows10GegnerGrafikkarten & Monitore30 Kommentare

Hallo, mein Vater hat einen neuen Monitor gekauft, welcher eine native Auflösung von 3840*2160 hat. Diese muss jetzt auch ...

Windows Server
Dienstnamen und oder Deutsche und Englische Beschreibung in services.msc gleichzeitig anzeigen
gelöst Frage von vafk18Windows Server23 Kommentare

Guten Morgen, die Suche nach Diensten in services.msc gestaltet sich immer wieder schwierig, weil mir je nach Aufgabe die ...

Windows 10
Windows Enterprise 1809 Eval nicht bootbar
Frage von Sunny89Windows 1022 Kommentare

Hallo zusammen, bevor ich mich jetzt noch stundenlang rumärger wollte ich euch fragen, ob Ihr die gleichen Probleme habt ...

JavaScript
Javascript: WebSql
gelöst Frage von internet2107JavaScript13 Kommentare

Guten Morgen zusammen, zunächst einmal einen schönen dritten Advent. Ich habe ein Problem mit Javascript und WebSQL. Bisher habe ...