How to make a mobile version of a single html?

Is there a simple way to make a mobile version for just a particular page (.html) in a web site?
Because in that particular page (.html) I have an unordered list <ul> that makes all the divs <div> of the page go crazy and misalign when this page is viewed on a mobile device (iPhone, iPad)
I think that a possible solution could be replacing the <ul> with a simple.jpg or.png image within the <div> in which the <ul> is.
But only when that page is viewed on a mobile.
Is it possible?

For just a bit of webpage as "mobile"check the width of device and if less than 600px for instance it is a mobile phone… So lots of JavaScript.

Look at using a UIWebView for an integrated web page idea (embedded within your mobile app), or you could try products like PhoneGap or jQuery Mobile as ideas where the website is the central part of your mobile application.