通过GoDaddy，首页看起来有所不同

Question

I have godaddy hosting my website .

My website looks fine when I host it locally. However, when I launch it through a web browser:

• the navbar looks smaller
• the font looks smaller
• the icons float right instead of being in the middle.

If you click on my link to go to my website, you'll see that it looks smaller but my other pages look normal. Does anybody know why?

Answer 1

Couple things:

1: If you're developing locally on Windows, for example editing files in a text editor and then refreshing a browser to view the changes, you're likely using the Windows API (which is standard for Windows apps), meaning filenames are case-insensitive. An exception to this would be if you're using a more POSIX compliant system, such as Cygwin.

When you move your files to godaddy's server and view them there, they're running a POSIX compliant http server such as Nginx or Apache, so your filenames are case sensitive. I hope this helps clear things up a little for you.

2: My rep is too low to alter your post, but you need to prune the trailing forward slash from your url:

'index.html/' becomes 'index.html'

Answer 2

Everything looks different because the site is getting 404 responses for all the styles and scripts. Check on your browser's console for errors. You have to change the sources or upload the assets to your hosting.