我已经开发了一个有 10 页的网站，现在我面临一个主要问题，即当我在任何其他屏幕比我的网站更宽的机器上运行它时，它会变得不平衡并且不能像在我自己的机器上那样正确显示。
我想要帮助我如何使这个站点浏览器兼容，可以在具有相同布局的任何机器上运行，并且可以在具有相同布局的任何屏幕上运行。
请帮助我，我该怎么办？？
问问题
3608 次
4 回答
1
首先，网站与您使用的机器无关，只是浏览器的呈现方式不同（在您的情况下），因为如果您对 CSS 非常了解，您可以构建一个跨浏览器网站。
因此，为了制作一个跨浏览器的网站，您需要对 html 和更重要的 CSS 有深入的了解，您需要决定是要修复布局还是动态/流动布局，那里有很多书籍，搜索响应式设计，学习跨浏览器 CSS，你也可以screen(width)/print specific stylesheets用来把你的网站提升到一个更好的水平......也在 CSS 中学习POSITIONING
一些学习网页设计的最佳书籍：
自适应网页设计
——亚伦·古斯塔夫森响应式网页设计
-伊桑·马科特手工 CSS：更防弹的网页设计
- Dan Cederholm 和 Ethan Marcotte于 2012-10-04T06:23:29.090 回答
1
你有多个问题。
首先，它与您的机器无关，而与浏览器无关，您需要进行适当的设计。基本的设计原则很少
即液体布局设计 - 适合任何屏幕宽度并随屏幕缩小/增长
另一个是固定布局 - 无论屏幕大小如何，此布局都保持不变。
您应该选择其中之一。网络上有许多免费的优秀 CSS 模板。你可以做的是，使用这个主题的骨架并应用你的样式和其他元素来创建你自己的。
浏览器兼容性是一个古老的问题，设计师处理不同的技术。有些人使用 javascript 来检测不同的浏览器并呈现适当的 css 以适应该浏览器，而有些人则编写条件 CSS。
您可以选择其中一种策略。
于 2012-10-04T06:27:02.070 回答
1
您可以按照响应式网页设计来设计您的网站。
三个关键技术特性是响应式网页设计的核心：
- 媒体查询和媒体查询监听器
- 使用相对大小的灵活的基于网格的布局
- 灵活的图像和媒体，通过动态调整大小或 CSS
阅读以下链接以获取更多信息 http://msdn.microsoft.com/en-us/magazine/hh653584.aspx
于 2012-10-04T06:32:37.910 回答
0
创建一个跨浏览器兼容的网站：
仅使用符合标准的编码。
不要使用浏览器特定（专有）的 HTML 标记和功能。
这些仅适用于创建它们的浏览器，甚至可能在其他浏览器中查看时破坏您的网页。
验证您的网页。
使用 W3C 免费验证服务验证您的 HTML/XHTML 编码
使用 W3C 免费验证服务验证您的级联样式表
详情见链接
于 2012-10-04T06:26:40.953 回答