Visual Studio Web Page wider on published site than in internal browser

Hi:

I have a web site that when I show it with Visual Studio`s internal system - say in Chrome which is my default, the site appears narrower than when I publish it.  I do not have any special settings that change anything when I deploy to my production site.

For example, my bootstrap-based home page is 960 pixels wide in my Visual Studio Browser and 1200 in my published browser.  I do not hard-code widths anywhere and have the following as one of my first lines...

<meta name="viewport" content="width=device-width" />



How can I ensure that the site I am looking at locally is the same as the published version?

Any suggestions greatly appreciated.

RBS
RBSAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

AndyAinscowFreelance programmer / ConsultantCommented:
I think if you need it to be 960 pixels wide then you will have to hard code that width rather than using the 'width=device-width' you currently have.
0
RBSAuthor Commented:
No,  my question is not how do I make the the web site 960 pixels wide.  

My question is how do I ensure that what I am seeing from the VS internal Web Server is the same as the from the live server to which it is published.

Currently, when I view the debug site through the Visual Studio browser, it has compress the site to 960 pixels which screws up my formatting.  Through the same browser (Chrome) it appears properly at the live site.

RBS
0
AndyAinscowFreelance programmer / ConsultantCommented:
Aha, but my comment still stands.  I think you need to remove this setting to use the display width and use a fixed width if you want it to appear the same width in systems with different display widths.
0
Introduction to R

R is considered the predominant language for data scientist and statisticians. Learn how to use R for your own data science projects.

RBSAuthor Commented:
I am viewing both sites using the same computer and the same browser - seconds apart.   Why does the same browser show one site as 960 pixels and the other around 1200 pixels?
0
AndyAinscowFreelance programmer / ConsultantCommented:
Why didn't you say so initially, I thought you were talking about different PC's with different display widths.

Offhand I haven't a good idea why you experience this, I'll have a think about it.
0
RBSAuthor Commented:
Arrgh - mea culpa - my apologies - To test this out further, I created a staging site to which I published.  It appeared exactly as my local site - 960 pixels wide - great - but it breaks my design which was for 1200 making the forms look wonky.

I think what has happened is that I did an update all to my Nuget packages - and updated bootstrap from 2.whatever to 3.0.

I haven't been able to find any documentation that the default width of the container has changed - but I am guessing that is what has happened.  

So I guess - my question changes somewhat - how can I change the default width for containers on desktop media while keeping everything else the same?

Thanks,
Dunderhead
0
AndyAinscowFreelance programmer / ConsultantCommented:
Thanks for the apology but it wasn't required - I'd made an (incorrect) assumption as well.
Still no good idea about the next step though.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
RBSAuthor Commented:
OK - figured out that in the mass update that I did, half loaded Bootstrap 3.  Also learned that there are significant coding changes required in migrating from version 2 to 3.  Have fixed those and all is working as expected.

Thanks for the effort.

RBS
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
.NET Programming

From novice to tech pro — start learning today.