html - 确保您的网站在移动浏览器上看起来正确的提示？

<分区>

我以前做过几个网站，但自从使用移动浏览器以来，我一直无法让我的网站在移动浏览器等浏览器中正常显示，我没有改变我的编程习惯来适应，而且我不确定到底要更改什么来修复我收到的错误。例如:

在桌面浏览器中查看时，它是一个华丽的微型网站，但在移动浏览器中查看时，某些元素(特别是 100% 宽度的元素)会倾斜。

例子:

似乎一切都错了，我知道我的 css 习惯可能会在将来阻止这种情况发生。

有什么建议吗？

最佳答案

是的，使用两个样式表。在 HTML 中链接到它们时，请使用链接标记中的 media="..."属性来指定每个设备的用途。所以一个媒体=“掌上电脑”，另一个媒体=“屏幕”。调整手持设备的 CSS 文件，直到它看起来不错。

所以当PC用户访问你的网站时，会加载与media="screen"相关的CSS文件，但如果手持设备用户进入，则会使用另一个。请注意，某些手持设备上的 Safari 浏览器会将自己标识为常规浏览器，而不是手持设备。希望这会有所帮助。

关于html - 确保您的网站在移动浏览器上看起来正确的提示？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12869770/

相关文章：

php - 使用 PHP 的 HTML DOMDocument 解析 HTML