SELFPHP: Version 5.8.2 Befehlsreferenz - Tutorial – Kochbuch – Forum für PHP Einsteiger und professionelle Entwickler

SELFPHP


Professional CronJob-Service

Suche



CronJob-Service    
bei SELFPHP mit ...



 + minütlichen Aufrufen
 + eigenem Crontab Eintrag
 + unbegrenzten CronJobs
 + Statistiken
 + Beispielaufrufen
 + Control-Bereich

Führen Sie mit den CronJobs von SELFPHP zeitgesteuert Programme auf Ihrem Server aus. Weitere Infos



:: Buchempfehlung ::

Webseiten professionell erstellen

Webseiten professionell erstellen zur Buchempfehlung
 

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP  

 

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!

Vorname: 
Name:
E-Mail:
 
 

Zurück   PHP Forum > SELFPHP > PHP Entwicklung und Softwaredesign

PHP Entwicklung und Softwaredesign Hier können strukturelle (Programmier-) Konzepte diskutiert und Projekte vorgestellt werden

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 13.12.2016, 17:47:15
tsunamitsunami tsunamitsunami ist offline
Junior Member
 
Registriert seit: Dec 2005
Alter: 44
Beiträge: 236
tsunamitsunami befindet sich auf einem aufstrebenden Ast
Mobile Media

Hallo zusammen,
ich habe mal eine Frage zum Thema Smartphone und Mobile Design.
Normalerweise kann ich doch über css und media verschiedene Sheets definieren.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
      <title>www.olivereikel.de - Tim-O Ticketmanager Online</title>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
      <link rel="icon" type="image/ico" href="favicon.ico">
      <link rel="shortcut icon" href="favicon.ico">
			<style>
			 /* ------- especially for smartphones -------- */
@media only handheld and (max-width: 966px) {
    body {font-size: 12px;color:green;}
    /* any colons wanted? */
    td:nth-child(2):after {content: ":"; }

    /* ---- a little styling ----- */
    td:first-child {padding: 5px 20px 0 0;}
    td:nth-child(2),
    td:nth-child(3) {float: left; padding-top: 5px;}

			table td::before {
  content: attr(data-th)":";
  display: inline-block;
  font-weight: bold;
  margin-right: 0.25em;
}

table tr {
  margin: 0.25em 0 0.25em 0;
}

table td, table tr {
  display: block;
}

table th {
  display: none;
}
}
 /* ------- especially for smartphones -------- */
@media only screen and (min-width: 967px) {
    body {font-size: 12px;color:red;}
    /* any colons wanted? */
   }
</style>
</head>
<body>

   <script language="JavaScript">
      document.write("Breite: "+document.body.offsetWidth);
			document.write("<br>höhe: "+self.innerHeight);
		
   </script>
   <table>
  <tr>
    <th>Name</th>
    <th>Straße</th>
Also eine ganz normale Tabelle, welche bei Screens < 966 pixel (telefon hat 965 pixel) grün ist und >966 pixel rot ist. Erstmal ganz banal zum testen.

Verkleinere ich das Browserfenster tuts das wie es soll. Auch unter http://mobiletest.me/
sieht alles gut aus. Rufe ich die Seite mit meinem Smartphone auf geht es einfach nicht.
Das kleine Javascript soll mir die aktuelle Größe zeigen. Das dumme Telefon zeigt mir einfach eine rote Tabelle. Die Testwebsite und auch ein verkleinern des Browserfensters zeigt genau den gewollten Effekt. Nämlich das die Schrift grün wird und aus der Tabelle ein Liste wird. Ich habe schon 480pixel genommen und auch 1000 pixel. Das Telefon will nicht.
Woran liegt das?
mfg
tsunamitsunami
Mit Zitat antworten
Antwort

Stichworte
css, media, smartphone


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind aus.
[IMG] Code ist aus.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
wap in mobile web/php Seiten haiflosse PHP Entwicklung und Softwaredesign 1 27.04.2015 20:15:59
Mobile Jürg Off Topic Area 0 07.04.2007 15:22:20
Telefonnummer unter Windows Mobile verlinken wkhofmann PHP Grundlagen 0 16.03.2007 16:13:22
VPN mit Windows Mobile 5 langwebdesign Off Topic Area 0 19.01.2006 21:16:07
Real Media or-k PHP für Fortgeschrittene und Experten 1 12.09.2002 10:48:12


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:25:07 Uhr.


Powered by vBulletin® Version 3.8.3 (Deutsch)
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.


© 2001-2017 E-Mail SELFPHP OHG, info@selfphp.deImpressumKontakt