您当前的位置：首页 > TAG信息列表 > responsive
是什么控制着WordPress的响应性？
我正在测试WP安装以及第三方制作的自定义主题。主题本身是响应性的，但是在某些情况下，在特定分辨率下，页面的某些部分将是空白的，尽管看起来有足够的空间来容纳对象。比如看一看here （主滑块下方的3列）并使用Chrome开发工具，您将看到切换到移动视图并缩小窗口，在780px时，浏览器将调整页面，左侧仅显示一列，留下大量空白。我想知道是否有一些Wordpress相关的设置，或者只是CSS的问题？
是否根据浏览器宽度将脚本入队？
是否可以通过wp_enqueue_script 基于浏览器的宽度？谢谢
在网格循环中显示作者
我现在有下面的php代码，它给了我当前所有WordPress作者的列表，包括他们的名字和头像。<?php printf(\'<h1>%s</h1>\', the_title()); foreach($users as $user) { ?> <div class=\"author\"> <div class=\"authorA
如何修改帖子缩略图中的响应图像
我有一个简单的两栏网站（一个侧边栏+一个主页）。在侧栏区域中，我使用此代码显示一些帖子缩略图：<?php the_post_thumbnail(\'custom-size-small\' ,array(\'class\' => \'image\', \'title\' => strip_tags(get_the_title()), \'itemprop\' => \'image\')); ?> 我的网站响应速度很快，在较小的设备上，侧边栏会落在主栏下面，当这种情况发
Responsive Video Max-width
我发现了一些有助于视频嵌入响应的代码：http://alxmedia.se/code/2013/10/make-wordpress-default-video-embeds-responsive/问题不在于代码，代码工作得很好！您可以在以下位置看到一个实例：http://joshrodg.com/hall/ - 这正处于开发阶段，只需向下滚动并查看视频：-）我想做的是max-width. 当我设置max-width 在当前div, 视频被切断，顶部和底部都有黑色条。如果有办法max-width 同时保持纵
如何在您的主题中使用WP4.4中的响应图像功能
我真的不明白如何在我的主题中使用WordPress提供的新的响应图像功能。示例：在我的主题中，我添加了一个标题图像。因此，我使用customizer中的自定义标题图像或post缩略图：<figure id=\"header-image\" class=\"uk-margin-remove\"> <?php if ( ( is_single() || ! is_home() ) && has_post_thumbnail() ) : ?> &l
如何从插件生成响应输出？
这个问题是关于插件开发的。我为我的WordPress网站创建了一个插件。那个插件有一个短代码。包含表单、响应图像上传和预览、旋转和一些自定义选项的简短代码。问题是，这个表单在我的主题中是有响应的，因为我编写了一些媒体查询响应，而这个表单实际上在fullwidth模板中工作得很好。（1） 如何使这个插件输出在另一个主题中也具有响应性？（2） 我如何在这里使用引导，因为如果主题不支持引导，那么我需要将其全部分离（&；如果主题支持引导，我不需要再次调用它。
如何使用srcset属性设置图像大小并仍具有响应图像？
我在我的主题中有这个函数来创建缩略图大小。 set_post_thumbnail_size( 620, 848, true ); if (function_exists(\'add_image_size\')){ add_image_size( \'compare-shop-logo\', 150 ); add_image_size( \'compare-single-prod
Windows 10上的导航菜单渲染问题
我有一个网站https://goo.gl/fk8X7z 显示导航。Windows 10的Google Chrome版本53.0.2785.143上的菜单呈现问题。商店菜单完全偏离其原来的位置，即黑色条纹(http://prntscr.com/ctvxgv) 同样的菜单在Windows 7上显示良好。我们如何解决这个问题？谢谢
WordPress中的响应图像
自2015年以来，Wordpress似乎支持响应式图像。（第条https://make.wordpress.org/core/2015/11/10/responsive-images-in-wordpress-4-4/ )1） 我现在创建了1600到2000宽的全响应css。2） 我添加了新的图像大小并进行了渲染现在我被困在如何使用响应功能的部分我的代码当前为 <div class=\"post-thumbnail single-post-thumb a
2111主题响应性强吗？有什么新情况吗？
有人让我让他的网站主题移动友好，他给了我他的主题，是二十一主题。我想知道这个主题对手机友好吗？手机显示器上有一些bug吗？这一主题最近有没有更新，或者在不久的将来会有更新？因为我想知道，如果我想让它有响应性，我应该作为一个孩子的主题进行更改吗？更改此主题的源代码的最佳方法是什么？提前谢谢。
为什么只有一个页面有响应？
在我们的博客上，只有一个页面是有响应的。当我们访问其他所有页面时，它们不会重新组织。我检查了所有的设置并在网上搜索了一会儿，但我找不到关于为什么会发生这种情况的提示。以下是有效的页面：http://blog.tryd.com.br/archives/4494手机上的任何其他页面看起来都是错误的。你知道为什么会这样吗？
我应该先检测设备还是先检测页面？
我想知道最好的做法是什么，如果它真的重要的话。我应该首先检测设备并将页面块包围在设备块内部还是相反？设备检测器基于：https://github.com/serbanghita/Mobile-Detect, Mobble插件。设备块：<?php if ( is_mobile() ) { ?> mobile <?php } elseif ( is_tablet() ) { ?> tablet <?php } else { ?>&#x
获取小视区宽度的特定图像大小
只有当wiewport为<；时，我才尝试获取此特色图像；768：add_image_size( \'img-movil\', 660, false ); 我没有太多的编码技巧。我正在阅读关于如何使用jQuery将变量从JS传递到PHP的内容$.ajax() 但我不完全理解。这就是我所做的：第一步。我尝试设置JS变量并将其发送到服务器： $(document).ready(function(){ var viewportWidth = $(window).wi
Change Menu Button Text
在手机上查看我的网站时，我需要更改菜单按钮上显示的文本。我该怎么做？
IOS Safari回应表
在chrome中，firefox一切正常。在移动ios safari上，它看起来像图片。列不会折叠成行。试过指南，但似乎不起作用https://css-tricks.com/accessible-simple-responsive-tables/我试过了-要显示的设置：阻止在响应移动设备上将列折叠为行-设置tr的css显示：表格行，宽度：100%；并将td设置为显示：表格行html是。。<tr class=\"cart-item\"> <td class=\"name\">
Add div on EMED Tag
为了使视频嵌入到响应模式中，我需要在iframe之前添加一个div，如：<div class=\"videoWrapper\"> <iframe width=\"600\" height=\"338\" src=\"https://www.youtube.com/embed/f5CcOq8UzkI?feature=oembed\" frameborder=\"0\" allowfullscreen=\"\"></iframe> </div&
对图像和特色图像使用SRCSET
我一直在尝试让SRCSET加载不同设备大小的图像。我的理解是，当设备宽度或窗口宽度改变时，SRCSET将只加载相应大小的URL。我可以看到为每个图像生成的URL，以及大小。这些都是真实的图像，它们正确链接到正确的大小：这太棒了！问题是，我无法在任何设备上证明浏览器正在加载原始（大）图像以外的任何内容。换言之，任何事情都发生在其他移动优化尺寸上。如果我打开或保存有问题的图像，它始终是原始图像。较小尺寸的图像似乎根本没有被利用。那么：是否有Javascript组件，或者我缺少的某种配置设置？WordPress