Windows Phone 8 low quality images problem

Hi, I am making a game for Windows Phone 8 and when I export the project so I can test it with Visual Studio on my Windows Phone device the result is showing bad low quality images. I don't know what to do! Here I have a screenshot of the game and how it looks on my device

skydrive.live.com/redir

And here are the settings in Construct 2 and Visual Studio

Construct 2

Pixel Rounding: On

Window Size: 800,480

Fullscreen in browser: Letterbox scale

Sampling: Linear

Visual Studio

System.Tray.Visible: False

Supported Orientation: Landscape

Orientation: Landscape

I had this exact problem just yesterday with Landscape. My problem was both the bad graphics and my game wasn't centering on the screen.

Here is what I did.

Open up the Index.html in Visual Studio

In the Style tag area, just before the </style> add

— {

width: device-width;

}

I had this exact problem just yesterday with Landscape. My problem was both the bad graphics and my game wasn't centering on the screen.

Here is what I did.

Open up the Index.html in Visual Studio

In the Style tag area, just before the </style> add

— {

width: device-width;

}

Ohhhhhhhhhhhh!!!!!!!!!! Thank you very much!!!!!!!! You are the best!!!! <img src="smileys/smiley4.gif" border="0" align="middle" />

From what I've read, that fix will not work for all devices. IIRC it also looks fine by default on the WP8 devices I've tested. Are you sure that will work for all devices?

In my Windows Phone Plugin I use:

— { width: 100%; }

Looking back I'm not sure why I opted for that over device-width.

Ashley any source on that not working for all devices? I can't find any reference in MS documentation.

Cheers!

thehen - I read somewhere it makes the Lumia 920 go too wide... hmm...

Is that the only change necessary to index.html to fix it? Are there any other changes that would be useful to make?

We're using width:100% for Mortar Melon and we tested on the 920 with no issues. That was the only change I added to index.html as far as I can tell.

I actually have a Lumia 920 as my phone and test device and it worked fine either way.

First build I sent in was the code I posted above. When it failed cert because of the back button, I resubmitted using theHen's plugin/project files and it still worked fine.