我有一个在桌面上渲染得很好的页面，它的标记与手机的标记完全不同，因为两者的设计都不同。
我在现有的桌面标记中添加了额外的<div>。
我使用媒体查询从桌面切换到移动设备，如果在桌面(宽度> 1024)中查看移动内容，则隐藏移动内容，反之亦然。
我在移动设备和ipad上也使用了两种不同的meta标签。
对于移动设备:用于消除收缩效果(放大/缩小)
对于ipad:允许收缩效果(放大/缩小)
我通过javascript添加了这个meta标签，如果是移动设备，则添加meta；如果是平板电脑，则添加ipad的meta。
现在，当页面在移动设备上查看时，桌面版本加载几秒钟，然后移动版本可
浏览 1提问于2013-01-24得票数 0
我的客户要求我将当前桌面浏览器的网站大小减少30%。
有没有css或meta标签来做这件事，就像移动浏览器上的viewport meta标签？
浏览 1提问于2011-01-25得票数 13
回答已采纳
我只想确认一下，我们能不能把普通的HTML标签添加到JQuery手机上，
<meta name="DESCRIPTION" content="description " />
<meta name="KEYWORDS" content="" />
<meta name="RATING" content="General" />
<meta name="REVISIT-AFTER" content="30 days" />
浏览 1提问于2013-04-08得票数 1
回答已采纳
4回答
网站无法在手机屏幕上全屏显示
、、、、
当我在任何Android手机上测试我的开发网站时，该网站无法在手机屏幕上全屏显示。连接的是快照。我只是想让它更适合移动设备。
我正在使用wordpress和Twitter Boostrap来制作我的网站。在我的head标签上，有几个我在互联网上找到的移动友好网站的meta标签。请注意，这不是一个响应式网站。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Com
浏览 1提问于2013-09-25得票数 2
4回答
我应该扫描html代码中的标签吗？不然呢？是什么决定了一个页面是否针对移动设备进行了优化？
一种选择是扫描标签。如果是这样，还有什么其他的标签？
<link rel="apple-touch-icon" href="..." />
<meta name="viewport" content="width=device-width, user-scalable=no" />
另一种选择是查看从移动用户代理返回的HTML是否比从桌面浏览器返回的HTML小。用户代理...
有什么想法吗？
浏览 0提问于2010-07-22得票数 6
回答已采纳
我有一个带有iframe的页面，根据我在iframe中的操作，我需要在iframe的父元素上放置一个meta标签。我如何在后面的代码中做到这一点。我所拥有的是这样的，但是meta标签被放在iframe中。
// code behind of the iframe where I created a meta tag and placed it on the page.
HtmlMeta meta = new HtmlMeta();
meta.Name= "Keywords";
meta.Content = "some keywords i created based o
浏览 0提问于2011-04-28得票数 0
我可以动态设置meta标签，当我检查元素时，我可以看到这些meta标签，但是当我通过whats-app分享链接(我动态设置meta标签)时，描述、标题和图像就不会显示。有人能告诉我我哪里错了吗？我正在做Angular 2。
这就是我在组件中设置meta标签的方式。
var link = <HTMLMetaElement>document.createElement('meta');
link.setAttribute('property', 'og:url');
link.content = "https://www.test
浏览 2提问于2020-01-06得票数 0
3回答
我有一段html代码，主要是meta标签。我正在尝试为移动设备重新设计我的布局，所以我想知道我正在使用的meta标签对于移动布局是否是必要的。代码块如下所示：
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1">
<title>ConquestRealms - Home</title>
<meta name="description" content="
浏览 2提问于2012-12-14得票数 13
8回答
是否有可能覆盖移动chrome中的字体提升？我之前在网上搜索过~包括stackoverflow~。
我发现有些人说这是不可能的，我还发现meta标签可以帮助文本，但也减少了文本的面积……这是不好的..
将会感谢你的帮助..
浏览 2提问于2012-11-17得票数 23
回答已采纳
我有一个简单的反应应用程序，我想在肖像维护-仅在移动设备上。禁用自动旋转的普通meta标签不起作用。 我在这里看到了关于React Native的Stack Overflow的答案，但没有关于React的答案。 下面是相关的meta标签： <meta http-equiv="ScreenOrientation" content="autoRotate:disabled"> 移动设备上的屏幕仍会旋转。为什么这不起作用？一定是简单的东西，请帮帮忙。 我有什么不明白的吗？ 我有一个React应用程序。我想让它在移动设备上保持纵向显示。我不想让屏幕旋转。
浏览 39提问于2021-09-05得票数 0
回答已采纳
我在我的站点中添加了og元标记，当我打开检查器时，我可以看到它们，但是当我去facebook调试器时，它告诉我我错过了我刚才添加的所有标记。
代码使用的是MetaTags包。
<MetaTags>
<title>Find Their Gifts</title>
<meta name="description" content="The personality quiz that suggests gifts based on the results" />
<meta name="keyw
浏览 1提问于2018-11-28得票数 1
回答已采纳
我有一个NextJS应用程序，下面是页面布局： App
--pages
----_app.js
----index.js
----company.js
----users
------[userID].js 因此，我有一个动态页面userID.js，它通过路由器获取userID，以显示不同用户的信息。我使用next/head动态生成meta标签。当我加载页面并检查元素时，我可以看到那里的meta标签。但是，当我为动态页面userID.js“查看源代码”时，我看不到元标记。当我“查看源代码”时，我可以看到所有其他页面的meta标签。 有人知道这是为什么吗?我能做些什么来修复它？ 谢谢。
浏览 15提问于2020-07-10得票数 2
3回答
如何让网页移动化？
、、、
有没有什么特别的html标签或者meta标签可以告诉你一个网页是为移动设备设计的？我已经创建了一个链接移动网页的移动网站地图，但我担心搜索引擎不会将这些网页识别为移动版本。
浏览 4提问于2012-08-20得票数 3
回答已采纳
2回答
我开始学习更少的css。是否有可能导入不同的less文件
基于视图端口元标签。我想为不同的分辨率写我自己的更少的文件。
我还想知道“viewport meta标签是如何工作的？”
我想从meta标签中知道
如何将meta标签和相应媒体的设备宽度设置为" width“属性
正在执行查询。
浏览 0提问于2013-03-20得票数 2
1回答
我需要添加以下meta标签到WooCommerce电子邮件头中。 <meta name="x-apple-disable-message-reformatting" /> 此meta标记用于修复IOS电子邮件中的格式问题。但我找不到一个条件标签，只有当IOS时才添加元标签。 条件标签在这里是必要的吗？这是否对其他电子邮件客户端有任何影响或将被忽略？
浏览 19提问于2020-06-24得票数 0
回答已采纳
1回答
我只想将元标签应用于移动设备，而不是平板电脑。其目的是在移动设备中缩小页面。我得到了以下条件，但问题是它也适用于平板电脑，因为也有android平板电脑。
<script>
if(navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBe
浏览 0提问于2014-09-10得票数 0
2回答
我有个网站。我希望任何访问我的网站的用户都会被重定向到一些为移动设计的不同网站。例如：
我能做什么?我认为有很多方法可以做到这一点。
1)使用javascript
2)使用php
3)使用meta标签
等等，等等
有没有人能建议我用什么？
浏览 0提问于2018-01-31得票数 0
1回答
我正在试用jQuery手机，但我不能让select输入正常工作。据我所知，它的设置与文档中的设置类似。
它在一个fieldcontainer中，还有一个带有for属性的标签，该标签与select input id匹配。并且jqm css文件列在页面的head标记中。
为什么没有显示select，以及如何获得它？
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport"
浏览 2提问于2015-05-05得票数 0
请澄清<meta name="title">标签和<title></title>标签之间的区别。
<title>Page title</title>
<meta name="title" content="Page title">
如果两者都被使用，那么哪一个是最优先考虑的？
我观察到一些同时有<meta name="title">和<title></title>标签的站点，它们都是相同的，请确认一下。
如果我们没有使用&l
浏览 3提问于2014-01-12得票数 75
回答已采纳
1回答
我正在使用jquery标签输入，但当我创建一些标签时，标签会自动包含一些随机字符。
下面是标签输入框的屏幕截图
我不知道如何摆脱它..我在google上搜索，他们给我提供了添加一些meta标签的解决方案，我还添加了一些meta，如下所示
<meta charset="UTF-8">
这是我正在使用的插件
这是html代码
<input id="expert_tags" name="spl_tags" type="text" class="form-control tags" value=
浏览 1提问于2015-05-06得票数 0
上下文:我试图维护一些旧的代码(特别是一个电子邮件模板)，我需要使它移动可读的(不一定好看)。我所说的旧代码基本上是作为优先事项专门为桌面视图创建的。由于时间的限制，我考虑使用元"viewport“属性。
我的知识:我非常清楚，电子邮件的行为方式与普通网页非常不同，而且由于对各种CSS属性的支持最少，大多数布局通常使用表元素完成。
我的标记：
<html>
<head>
<meta name="viewport" content="width=670">
</head>
浏览 0提问于2020-06-27得票数 1
1回答
我使用的meta标签并不是为我发的每一篇文章拉入标题，它们只是在下面的meta标签中拉入信息。如何确保它自动显示每个标题？
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="http://rucktales.com/">
<meta name="twitter:site" content="@rucktales">
<meta property=
浏览 0提问于2013-09-02得票数 0
6回答
我必须根据他/她的连接速度动态决定发送给客户端的内容权重。
也就是说:如果客户端使用的是3G (或更慢)连接的移动设备，我会向他/她发送轻量级内容。如果他/她使用WiFi或更快的连接，我会将完整内容发送给他/她。
我尝试测量重新加载之间的时间间隔，向客户端发送一个头Location: myurl.com (带有一些关于客户端的信息来识别它)。它适用于桌面浏览器和一些完整的移动浏览器(如Obigo)，但不适用于小型(代理)浏览器，如Opera mini或UCWeb。这些浏览器返回我的服务器和代理服务器之间的连接时间，而不是移动设备。
如果我尝试重新加载带有<meta>标签或Javas
浏览 1提问于2011-06-09得票数 13
回答已采纳
我正在为Twitter站点设置以下元标签：
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@test" />
<meta id="metaTwtTitle" name="twitter:title" content="" />
<meta id="metaTwtDesc" name=&#
浏览 2提问于2016-12-07得票数 0
回答已采纳
我正在使用react - meta -tag在我的react站点中添加/更新meta标签。虽然它工作得很好，但我注意到添加了大量的标签，这些标签具有我的css文件中显示的样式。当我不使用react-meta-tag时，这些标签并不存在。 现在，这些标签可以出现在中吗？如果我让我的网站保持原样，它会对我的网站有什么影响？我应该让它保持原样吗？如果你能给我一个详细的解释，我将不胜感激，因为我对SEO (和网络开发)是新的，现在对它有一个非常肤浅的理解。
浏览 64提问于2021-10-10得票数 0
回答已采纳
3回答
我有reactjs应用程序与express服务器。我想有我的应用程序作为搜索引擎优化友好。我使用react-helmet来添加SEO meta标签。如何在开发模式下检查SEO meta标签？
浏览 25提问于2021-01-07得票数 1
在我的母版页上，我有一个meta标签，它的值是页面到页面的变化。这是我的标签：
<meta name="Description" content="<%= this.MetaDescription %>">
然而，引号似乎导致这个值在页面上被逐字解释；当我检查页面的html时，它显示"content='<% this.MetaDescription%>'“，而不是"content='Value of this.MetaDescription'”
当变量放在引号中时，我如何让它正确
浏览 2提问于2015-01-06得票数 2
1回答
我正在开发一个超文本标记语言的电子邮件，我注意到一些电子邮件客户端，特别是Mac Mail和iOS 7上的邮件应用程序，会自动将地址和电话号码包装在锚标签中。
我读到添加这些meta标签应该会禁用这个行为：
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
然而，这些似乎都不起作用，我在苹果的文档中也找不到"address=no“
浏览 0提问于2014-02-13得票数 0
1回答
我的网页上已经有了whatsapp的社交分享按钮，但是当你选择发送联系人时，它只会在书写框上写上"title_content url“。它的接缝，whatsapp没有看到的元标签的网页，以创建一个很好的框与图像，标题和描述。
我正在使用以下开放图形元标签，它在facebook社交共享中运行良好：
<meta property="og:type" content="website" />
<meta property="og:title" content="{{event.name}}" />
<
浏览 2提问于2017-03-02得票数 2
回答已采纳
我想改变/交换元标题标签在wordpress网站头部的位置。目前，我可以在我的主题的header.php中看到以下代码
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-sca
浏览 7提问于2016-11-01得票数 0
你的页面在正文而不是头部有meta标签。这可能是因为您的HTML格式不正确，它们在解析树中的位置较低。为了使标签可用，请修复此问题。
浏览 0提问于2015-06-11得票数 0
我已经将我的网站设计为响应式的，而不实际使用
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它看起来就像我在手机上想要的那样。问题是，当我去Google Insights测试我的网站是否进行了移动端优化时，它说不是。当我添加meta标签时，它会显示我的站点是移动端优化的(尽管它在人类看来要糟糕得多)。
我的问题是，可以使用元视图标签，同时仍然有Google Insights告诉我，我的网站是移动优化的，因此增加了SEO的好处。
浏览 0提问于2015-03-22得票数 0
我想使用API调用在meta标签中设置动态信息。当我检查时，它会显示更新的数据，但当我在Facebook上分享链接时，它不会反映更新的数据。
Index.html
<meta name="description" content="Create and share your biography">
<meta name="og:url" content="window.location.href">
<meta name="og:title" content="T
浏览 0提问于2019-02-14得票数 4
1回答
我有一个简单的PHP页面，有一个标记(链接)到不同的页面。我想为那些链接去的页面-不能检索http引用。
换句话说:我想隐藏推荐人。
在谷歌上，我发现在标签中添加了以下内容：
<meta name="referrer" content="none">
但它似乎并不能在所有浏览器上工作，主要是那些不支持HTML5的浏览器，所以我需要一些更好的东西，而且它也可以在移动设备上工作。
有什么想法吗？
我也试过了
header('Location: http://www.example.com/');
在PHP中，这似乎只隐藏了HTTPS的引用
浏览 0提问于2018-04-06得票数 0
我希望下面的meta标签只在一个响应式网站的桌面上工作？我不希望它影响移动部分。我该怎么做呢？
<meta name="viewport" content="maximum-scale=0.80">
浏览 1提问于2017-05-04得票数 1
我正在开发使用React App (创建React App)，react-i18next，React-Helmet的网站。我在https://freetools.seobility.net/上测试了我的网站，它告诉我我没有标题和描述的元标签，但是我确实有它们。我可以在浏览器中看到这些标签，但是seoBot -不能。其他的搜索引擎机器人呢？ ? 这是我的index.html： <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" /
浏览 36提问于2020-07-27得票数 1
回答已采纳
2回答
在平板电脑的纵向和横向模式下，我想要缩放我的网站的桌面版本，但我不想在移动设备上缩放它，因为我有一个针对移动设备的优化版本的网站。目前，我有下面的meta标签：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
只有在移动设备上查看网站时，才能应用此功能的最佳方式是什么？
THanks提供任何帮助。
浏览 3提问于2012-04-16得票数 2
在我看来，有大量的<meta>标签用于各种不同的目的.
虽然它们都遵循类似的格式
<meta name="" content="" />
从控制搜索引擎机器人的爬行，向搜索引擎机器人提供页面描述，到确保页面在移动设备上正确显示，它们似乎有各种各样的用途。
这些标签属于许多不同的类别，我想知道是否有人有一个wiki或主列表可能的元标签和它们的内容。
浏览 0提问于2012-05-08得票数 6
回答已采纳
1回答
我很难让我的网站在移动设备上填满整个屏幕。
我的meta标签看起来像这样：
<meta name="viewport" content="width=device-width, initial-scale=1">
和css
body, html {
margin: 0;
width: 100% ;
}
谁有什么想法？？
浏览 2提问于2013-07-24得票数 1
我需要使用IResourceProvider接口将站点的.resx文件移动到数据库并实现一个自定义资源提供程序。我遵循了下面的示例：
当我调用时：
this.GetLocalResourceObject("myResourceKey.Text")
IResourceProvider中的GetObject方法被正确调用。
但是，整个站点对所有标签都使用meta:resourcekey="myResourceKey"属性，并且没有为这些标签调用GetObject方法。在IResourceProvider中，我看不到要实现的其他方法，是不是缺少什么，或者有没有其他方
浏览 1提问于2013-04-18得票数 0
3回答
今天遇到了各种各样的meta标签问题...
我希望这个meta标签显示在(最大宽度: 1024px)和(最小宽度:768px)的设备上...
<meta name="viewport" content="minimum-scale=1.0, maximum-scale=1.0" />
这个meta标签用于设备(最小宽度: 320px)和(最大宽度: 568px)...
<meta name="viewport" content="maximum-scale=1.0" />
显示适当的meta标签的最佳解决方
浏览 0提问于2013-07-01得票数 3
回答已采纳
尝试实现一个简单的滑块菜单。移动版在主页上呈现良好，但在菜单div上，没有应用jQuery移动版。我阅读了所有相关的例子，但没有一个能解决我遇到的问题。任何反馈都是非常感谢的。
test.html.erb
<head>
<title>FB Style Menu</title>
<meta id="extViewportMeta" name="viewport" content="width=device-width, initial- scale=1.0, maximum-scale=1.0, minim
浏览 4提问于2012-06-06得票数 0
我的phonegap应用程序index.html文件中有以下标签：
<meta property="al:android:url" content="myApp://test.myapp.me/">
<meta property="al:android:package" content="myapp.market.test">
<meta property="al:android:app_name" content="TestApp">
在Facebook的url
浏览 0提问于2016-02-24得票数 2
我想写一个移动网站，我防止它的爬行。我将禁止雅虎，谷歌等的一切。
我必须在meta标签中写什么？
这段代码足够了吗?还是还有更多？
<meta name="apple-mobile-web-app-capable" content="no">
浏览 2提问于2012-03-24得票数 0
1回答
我正在尝试在我的网页上添加一些Facebook元标签，这样它就可以在Facebook上共享。我还需要以下功能：
当网络用户点击facebook共享时，他们会在浏览器中看到网页；
当移动用户单击共享：时
如果他们安装了我的应用程序，他们就会被带到应用程序中的内容。
如果他们没有这个应用程序，他们会被带到Google商店下载。
因此，我基本上希望移动用户在点击共享链接时使用我的应用程序，同时为web用户显示一个网页，在那里他们可以了解该应用程序。
到目前为止我已经尝试过的(例如，我使用了imdb)：
<meta http-equiv="con
浏览 1提问于2016-11-17得票数 0
回答已采纳
1回答
我似乎在加载html时遇到了问题。没有html head和meta标签，我的页面会因为图片而变得更大。尽管我已经为它们设置了内联样式："“
因此，基本上图像应该是100%，但仅限于屏幕分辨率。但实际上，它们比我的屏幕分辨率大4-5倍。
当我设置meta标签时，图像在页面范围内显示得非常好：
然而，字体大小是损坏的字体大小:1px声明为内联，在移动应用程序中显示类似14-15px的内容
但是当我从html的font-size:1px中删除meta时，在移动应用中1px会变成1px。
任何想法都是我如何解决这个问题的。而且这种情况只发生在android上..在IOS上，我对meta和字体大
浏览 13提问于2018-02-09得票数 0
1回答
我有多国语言的网站和，语言结尾，关键字应该在该语言。现在它是英文的，所以在我的_Layout.cshtml中我有这样的meta标签：
<meta name="keywords" content="GDPR, privacy, pact, privacy pact>
例如如何从资源文件中将其设置为俄语？
浏览 1提问于2018-11-06得票数 0
我正在使用一个名为ngx-sharebuttons的库来执行角8，按钮工作正常，但是当我尝试共享一个链接时，帖子信息会显示我的网站的URL和一个描述，上面写着“错误”，我正试图找出解决这个问题的方法，这很奇怪，因为当我在facebook上分享这个帖子时，这个链接实际上起作用了。
这是我的代码：
<button class="share-btn" shareButton="facebook" url="{{urlinvite}}/view-invite/{{invite.code}}"><img src="/assets
浏览 6提问于2020-07-12得票数 1
以下页面的前端和响应式设计在除iPhone 7和iPad 7之外的所有移动浏览器中都工作正常。
我试着通过下面的meta标签对其进行适当的缩放，但仍然不起作用
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="initial-scale=1.0">
我是不是忽略了什么？
浏览 0提问于2017-04-05得票数 0
我创建了一个组件SeoHeader来处理NextJs项目上的元标记创建
import React from 'react';
import Head from 'next/head';
import { useRouter } from 'next/dist/client/router';
const SeoHeader = ({ title, description, image }) => {
const router = useRouter();
return (
<Head>
<met
浏览 8提问于2021-10-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
