最近，我开始考虑将AMP用于我的博客。
我开始阅读文档并查看一些使用它的示例，它看起来很棒，任何可以提高性能的方法，都是朝着正确方向迈出的一步。我想将其添加到我的网站页面中。
我的问题 - 如果我在我的网站上有一个博客：www.example.com/blog（响应式设计，但在桌面/笔记本电脑屏幕上效果最佳），我想使用 AMP ，对于我的移动视图，我在手机上使用的浏览器（safari，chrome，...）或我的计算机（chrome，{ {1}}，..）知道要提供哪个页面？
AMP是否识别宽度和宽度设备的高度和服务移动页面，是否有某个视口，如果超过，它将根据该更改 - 或者您是否必须使用firefox查询（css链接样式表或内联样式）？< / p>
通过媒体查询扩展AMP问题
让我们说我在我的网站上添加一个子域名来提供我的AMP博客 - 例如（@media） - 如果我在手机上谷歌搜索＆＃34;示例博客＆＃34;它会找到移动/桌面html视图或同样的，如果我在桌面上的网页浏览器上搜索相同的内容，它是否找到/提供AMP页面（www.blog.example.com/）或我的主要博客页面（{{1 }}）。
这是如何工作的？有没有一种首选的方式使用＆amp;区分AMP＆amp;带有CSS样式的普通html页面（包括www.blog.example.com/个查询）？
答案 0 :(得分：1)
要创建AMP页面并使用常规页面进行链接，您可以使用
<link rel="canonical" href="$SOME_URL">
答案 1 :(得分：1)
AMP无法识别宽度和宽度设备的高度并提供移动页面，这取决于规范链接
如果您只有放大页？
<link rel="canonical" ref="https://www.example.com/your-amp-content-page.html">
如果你有放大器和非放大器页面？
非AMP页面
<link rel="amphtml" href="https://www.example.com/your-amp-content-page.html">
AMP页
<link rel="canonical" ref="https://www.example.com/your-non-amp-content-page.html">
了解更多信息Click Here