我已经开发了一个有10页的网站，现在我面临一个主要问题，当我在任何其他机器上运行它时，屏幕比我的网站不平衡并且在我自己的机器上显示不正常。< / p>
我想知道如何使这个网站浏览器兼容，可以在任何具有相同布局的机器上运行，并且可以在任何具有相同布局的屏幕上运行。
请告诉我该怎么办？
答案 0 :(得分：1)
首先，网站与您使用的计算机无关，只是浏览器，呈现方式不同（在您的情况下），因为如果您对CSS有所了解，你可以建立一个跨浏览器的网站。
因此，为了制作跨浏览器网站，您需要对html以及更重要的CSS有深刻理解，您需要决定是否需要修复布局或动态/液体一，有大量书籍，搜索响应式设计，学习跨浏览器CSS，你也可以使用screen(width)/print specific stylesheets将你的网站提升到更好的水平...也在CSS学习<强> POSITIONING
一些学习网页设计的最佳书籍：
答案 1 :(得分：1)
您有多个问题。
首先，它与您的机器无关，但与浏览器无关，您需要进行适当的设计。基本设计原则很少
即。液体布局设计 - 适合任何屏幕宽度，随屏幕缩小/增长
另一种是固定布局 - 无论屏幕大小如何，此布局都保持不变。
您应该选择其中之一。 Web上有许多可用的CSS模板。你可以做的是，使用这个主题的骨架，并应用你的样式和其他元素来创建自己的。
浏览器兼容性是设计师处理不同技术的一个古老问题。有些人使用javascript来检测不同的浏览器并渲染适当的css以适应该浏览器，而有些则编写条件CSS。
您可以选择其中一种策略。
答案 2 :(得分：1)
您可以按照自适应网页设计来设计您的网站。
三个关键技术特征是响应式网页设计的核心：
阅读以下链接以获取更多信息 http://msdn.microsoft.com/en-us/magazine/hh653584.aspx
答案 3 :(得分：0)
要创建跨浏览器兼容的网站：
仅使用符合标准的编码。
请勿使用特定于浏览器的（专有）HTML标记和功能。
这些只能在他们创建的浏览器中使用，甚至在其他浏览器中查看时可能会破坏您的网页。
验证您的网页。
使用W3C免费验证服务验证您的HTML / XHTML编码
使用W3C免费验证验证您的级联样式表 服务
有关详细信息，请参阅链接