html - 浏览器和移动设备中的不同输出 - 相同的 css

Question

好的，第一次发布，网站的长期用户(在谷歌搜索线索时)。

我刚刚开始编码，并制作了这个网站(全部使用纯 HTML 和 CSS - 在 Bootstrap 中制作了一个但不喜欢可用性 - 稍后将测试 Foundation 和 Sass+Susy)。

http://limakeppler.com.br/teste/areas.html

但我有两个愚蠢的(我相信)问题。

第一:无法使一个 css ref 在移动设备和浏览器窗口上工作(在 html 上有两个条目用于相同的外部 css)。准备好正确使用媒体查询，但根本做不到。一些仅对两者都有效的媒体查询的指示会很好​​。

其次:即使使用相同的 css(顺便说一句需要做一些工作)，在移动设备大小下，我在 Chrome Iphone 模拟器中打开网站时得到不同的结果，或者只是重新缩放浏览器窗口？我怎样才能解决这个问题？

提前致谢，对不起我的英语。如果需要，请询问，我会发布相关代码(但对于我在这里看到的内容，托管页面会起作用)。

Answer 1

这是一个有点笼统的问题。不同的浏览器呈现不同的东西，但通常在合理的范围内。跨现代浏览器呈现的主要差异通常是由于缺乏适当的前缀代码。如果是这种情况，您可以尝试类似 https://autoprefixer.github.io/ 的操作。 .

如果您指的是您的 <H1>元素在移动设备宽度上重叠，它是 padding:1em;那就是把文本压在一起。相反，您可以尝试使用 %替换 em .