Få SVG att täcka hela sidan horizontalt på iOS, Android, m.fl.

2012-12-21 22:01

Permalänk

Santrium

Medlem

Registrerad: Jun 2003

●

Få SVG att täcka hela sidan horizontalt på iOS, Android, m.fl.

Hej!

Jag skulle vilja få en SVG-bild att täcka hela sidan i bredd, och att det ska fungera i diverse mobila webbläsare.

Det här är den HTML jag har nu, och det får det hela att se väldigt konstigt ut. Exempel finns nedan. Vill använda embed-taggen.

<!DOCTYPE html>
<html>
        <head>
                <title>sida</title>
        </head>

        <body>
                <embed id="bild" src="symbol.svg" type="image/svg+xml" width="100%"/>
        </body>
</html>

Här är sidan: http://37.247.55.67/sida.html
Här är bilden: http://37.247.55.67/symbol.svg

Hur kan jag få det som jag vill?

Senast redigerat 2012-12-22 20:49

Rapportera Redigera

Citera flera Citera

2012-12-22 01:58

Permalänk

ohoy

Medlem

Plats: Köttvärlden
Registrerad: Apr 2011

●

Skrivet av Santrium:

Hej!

Jag skulle vilja få en SVG-bild att täcka hela sidan i bredd, och att det ska fungera i diverse mobila webbläsare.

Det här är den HTML jag har nu, och det får det hela att se väldigt konstigt ut. Exempel finns nedan. Vill använda embed-taggen.

<!DOCTYPE html>
<html>
        <head>
                <title>sida</title>
        </head>

        <body>
                <embed id="bild" src="symbol.svg" type="image/svg+xml" width="100%"/>
        </body>
</html>

Här är sidan: http://37.247.55.67/sida.html
Här är bilden: http://37.247.55.67/symbol.svg

Hur kan jag få det som jag vill?

Gå till inlägget

body{
	background-image: url('bild.jpg');
	background-color: #000;
	background-size: cover;
	background-attachment: fixed;
	background-position: top left;
	background-repeat: no-repeat;
}

Förlåt, missförtod dig... men du kan jag iaf använda det där ^ om du vill ha _1_ bakgrund för en sida som täcker allt

Senast redigerat 2012-12-22 04:53

Visa signatur

"En dator"

Rapportera Redigera

Citera flera Citera

2012-12-22 10:22

Permalänk

Santrium

Medlem

Registrerad: Jun 2003

●

Skrivet av ohoy:

body{
	background-image: url('bild.jpg');
	background-color: #000;
	background-size: cover;
	background-attachment: fixed;
	background-position: top left;
	background-repeat: no-repeat;
}

Förlåt, missförtod dig... men du kan jag iaf använda det där ^ om du vill ha _1_ bakgrund för en sida som täcker allt

Gå till inlägget

Tack! Men det var inte riktigt det jag ville göra. Jag vill få SVG-bilden i första posten att täcka hela sidan i bredd med <embed>-taggen. Jag vill också att det ska funka på alla iOS- och Android-versioner som har stöd för SVG.

Någon?

Skickades från m.sweclockers.com

Rapportera Redigera

Citera flera Citera

2012-12-22 15:27

Permalänk

Sony?

Medlem

Registrerad: Okt 2011

●

Verkar vara fel på .svg bilden?
Jag ser bara en vit sida när jag försöker kolla på .svg filen.

Visa signatur

Programmerare -> PHP | HTML | CSS | JS | Java.

> Sweclockers Marknads Referenser <

Rapportera Redigera

Citera flera Citera

2012-12-22 15:43

Permalänk

Santrium

Medlem

Registrerad: Jun 2003

●

Skrivet av Sony?:

Verkar vara fel på .svg bilden?
Jag ser bara en vit sida när jag försöker kolla på .svg filen.

Gå till inlägget

SVG-filen ska fungera. Den syns till och med på min iPhone när man visar endast den (dvs. pekar webbläsaren mot symbol.svg). Den är dock gigantisk så man får scrolla en del.

Rapportera Redigera

Citera flera Citera

Få SVG att täcka hela sidan horizontalt på iOS, Android, m.fl.

Få SVG att täcka hela sidan horizontalt på iOS, Android, m.fl.

Externa nyheter

Spelnyheter från FZ