Yii Bootstrap - My Iphone Won't Load My Custom Style Sheet

I am using bootrap and everything is great on the desktop, but when I view the site on my phone, mobile safari is not using my custom style sheet. It is local on my desktop with MAMP.

Here is everything in my <head>




<?php Yii::app()->bootstrap->register(); ?>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="language" content="en" />

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title><?php echo CHtml::encode($this->pageTitle); ?></title>

<?php Yii::app()->clientScript->registerCssFile('/css/main.css'); ?>



Everything looks great on the desktop, but I can see that my stylesheet main.css is not being used by safari on my iphone. Could this be because I am running the site through MAMP on my desktop. Images are not showing up on the iphone also.

Here is a sample image tag that is showing up on my desktop but not on my phone.


<img src="../../../images/distintivoh.jpg" />

I got it. I had to hardcode my local url for all links and linked files for them to show up on my iphone.