Веб-сайт, размещенный на моем виртуальном веб-сервере, не отображает изображения и не применяет CSS при просмотре через телефон

Буду очень признателен, если кто-нибудь сможет мне помочь. Пожалуйста, дайте мне знать, если вам нужно больше информации в комментариях.

Моя настройка

У меня есть windows 7 шт. На нем я запускаю виртуальную виртуальную машину с гостевой ОС Ubuntu 12 и настройкой LAMP. Я делю файлы между двумя компьютерами, используя samba от linux до windows и используя общий доступ к файлам Windows (Workgroup) наоборот VM настроен с мостовым сетевым адаптером и может с радостью обслуживать веб-страницы на моем хост-компьютере.

Я использую резервирование DHCP на домашнем беспроводном маршрутизаторе / модеме, чтобы зарезервировать ip для виртуальной машины и назначить ему sitename.dev в файле хоста Windows, чтобы я мог получить к нему доступ через sitename.dev через браузер.

Эта проблема

Пока все хорошо, но у меня есть проект разработчика, который требует большой разработки мобильных шаблонов, теперь, очевидно, я могу использовать плагин для браузера, чтобы имитировать мобильное устройство, но я хотел бы иметь возможность легко увидеть реальную вещь на моем телефоне во время разработки ,

Так что в идеале я хотел бы, чтобы настройки на моем iphone были похожи на настройки Windows.

Сейчас я не очень хорошо разбираюсь в сетях и не очень разбираюсь в настройке веб-сервера. Поэтому, когда я набрал ip своего виртуального ящика в свой iphone, я не ожидал увидеть что-нибудь. Я был приятно удивлен, когда мой сайт загрузился. Javascript даже кажется, что работает, но изображения и CSS не происходит.

Мой вопрос

1) Что здесь происходит, это связано с настройкой моста в сети vm?

2) Как заставить сайты загружаться правильно через мой телефон

Заметки

Я также попробовал другой телефон.

Те же сайты, которые просматриваются на живых серверах, работают нормально.

Обновить

/ и т.д. / apache2 / сайты с поддержкой / 000 по умолчанию

<VirtualHost *:80>
    ServerAdmin webmaster@localhost

    DocumentRoot /var/www
    <Directory />
        Options FollowSymLinks
        AllowOverride None
    </Directory>
    <Directory /var/www/>
        Options Indexes FollowSymLinks MultiViews
        AllowOverride All
        Order allow,deny
        allow from all
    </Directory>

    ScriptAlias /cgi-bin/ /usr/lib/cgi-bin/
    <Directory "/usr/lib/cgi-bin">
        AllowOverride None
        Options +ExecCGI -MultiViews +SymLinksIfOwnerMatch
        Order allow,deny
        Allow from all
    </Directory>

    ErrorLog ${APACHE_LOG_DIR}/error.log

    # Possible values include: debug, info, notice, warn, error, crit,
    # alert, emerg.
    LogLevel warn

    CustomLog ${APACHE_LOG_DIR}/access.log combined

    Alias /doc/ "/usr/share/doc/"
    <Directory "/usr/share/doc/">
        Options Indexes MultiViews FollowSymLinks
        AllowOverride None
        Order deny,allow
        Deny from all
        Allow from 127.0.0.0/255.0.0.0 ::1/128
    </Directory>

</VirtualHost>

Структура сайта:

корневая папка - / var / www

там у меня есть установка codeigniter:

application/
assets/
   /css
   /js
   /img
system/
uploads/
index.php
.htaccess

Хорошо, я думаю, проблема в том, что ссылки на images / css используют mysite.dev в своих URL, я не могу сделать эти пути относительными, но вместо этого я мог бы использовать ip сайта. Мое предпочтительное решение, однако, было бы найти эквивалент файла хоста на iphone, так, как я могу сопоставить адрес с URL на iphone - или я могу как-то настроить локальный DNS для разрешения адреса?