您当前的位置：首页 > TAG信息列表 > responsive
我的网站在移动设备上没有响应
我正在建立Wordpress网站http://xscoder.com/wp-demo/test/虽然所有CSS和JS脚本都已成功加载，但我无法使其响应，正如您在Inspector中看到的那样。我想这与slicknav有关，虽然我不确定，但这是我的主要代码。调用slicknav响应js的js文件：$(function(){ $(\'#menu-primary-menu\').slicknav({ prependTo: \'.site-branding\
缺少源集映像的备用方法
我正在尝试优化我们网站上的响应图像。我们使用WordPress。并非所有图像缩略图都会生成，因为纵横比需要与原始图像成比例。我们的一些图像没有在chrome中渲染，而chrome选择了400w的图像。但在Firefox和Safari上运行良好，它选择渲染500w图像。这是PHP代码<img class=\"responsive-images\" srcset=\"<?php echo esc_attr($imageSrcset); ?>\" sizes
移动问题-网站未正确检测屏幕大小
我的问题涉及此网站（当前在我的临时服务器上）：https://sunstonebookkeeping.markhannondesign.com该主题是我用下划线和引导创建的父主题的子主题。当我在手机上查看网站时，我有一些奇怪的行为。请参见下面的屏幕截图。如果我单击菜单中的另一个页面，网站会自动更正并正确地显示在屏幕上。然而，当我将手机切换到横向时，会加载全尺寸桌面版本。同样，当我单击菜单中的另一个页面时，网站会调整自身大小以适合屏幕。知道是什么原因吗？
新样式不能在手机和平板电脑上渲染
我遇到了一个相当有趣的问题，我完全困惑了。我以前从未遇到过这种情况。My Goal在我的网站上制作表单移动响应Problem我所写的新风格中，没有一款适用于手机。无。当我在inspector工具的移动响应视图中调整浏览器大小时，会应用我的媒体查询，但在我查看的任何移动电话上都不会应用。Things I\'ve tried<我用过SauceLabs。com尝试调试此功能，但同样的事情正在发生。未应用我的媒体查询样式。我已刷新手机中的缓存，关闭浏览器，关闭手机并重新启动。我还尝试在整个页面上应用一个简单
禁用在移动设备/高于特定屏幕分辨率的情况下渲染对象
我有两个滑块（WordPress上的旋转滑块），一个用于桌面，一个用于移动设备。桌面滑块当前设置为在1199px以下的浏览器上完全禁用。这是一个旋转滑块设置，我已经这样配置了滑块，以便移动设备不必从两个滑块加载图像和资源。但是，不存在这样的设置来停止移动滑块及其所有资产在桌面浏览器上的加载。我使用CSS和媒体查询在桌面浏览器上隐藏了移动滑块，但所有图像仍在加载。是否有任何方法可以使用PHP、Javascrip或其他方式在1199px以上的浏览器上禁用此滑块的渲染？如有必要，欢迎提供更多信息！
在srcset中包含比我设置的更大的缩略图大小
我在函数中设置了图像大小。php，例如add_image_size( \'article-lede\', 500, 600 ); 它显示在“重新生成缩略图”中，我重新生成了它们。所以我上传了一个图像到媒体库934x1200。我的模板代码设置为使用“article lede”图像：<?php the_post_thumbnail(\'artcle-lede\', [\'class\' => \'featured-image img-fluid\']);?> 但页面显示的
为什么我的Caroussel画廊会在Response中这样做？[css]
我在我的网站上有一个照片库，在笔记本电脑上它工作得很好，但在移动视图上，图片第一次显示得很好，在滚动之后，变得非常大；变得模糊不清您可以在上看到：[隐藏链接]还可以在以下网站上找到工作演示：https://fivestar.mikado-themes.com/我已经搜索了几个小时，但我无法摆脱这个bug。任何帮助都将不胜感激：*编辑：如果我激活原始的子主题，效果会很好。因此，它来自我的定制开发，需要找到一个造成这种麻烦。编辑2：经过进一步调查，问题来自http://mv.gr3g.ca/wp-conten
如何在WordPress中让移动设备上的3列对1的图库做出响应？
在花了很多时间研究网站之后，我在这个论坛上寻求帮助。我希望在网站上有这样一个图库：decañamo.site当网页打开时，它从一行中的3个产品转到一个。是否有人知道如何才能做到这一点？提前感谢您提供的任何信息。
Elementor Pro和Astra有不同的断点-如何抢救？
所以我读到了所有关于Astra是Elementor面向非主题开发人员的最佳主题的炒作。我不是一个主题开发者。TBH，我不使用WP作为我的首选平台，但很明显，如果客户要求，我会遵守。据我估计，Elementor最适合这个客户。。。我认为阿斯特拉是最好的首发主题。目前的宣传称，他们合作得很好，但并不多。他们有不同的断点！虽然我可以调整Elementor的断点以匹配Astra的断点，但对于这个用例，Elementor的断点更合适。我知道我可以在CSS中覆盖Astra的所有断点，但如果我的客户在我离开后尝试将As
修改YouTube嵌入代码以适应主题
我正在使用一个自定义引导模板，其他用户将嵌入youtube视频，我希望这些视频能够响应主题。我该怎么做才能让普通的YouTube嵌入代码，比如：<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/2jna3dWEnzo\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-pic
禁用响应式图像大小裁剪
我想我的问题可能与其他人相似。这是我的问题，我想remove generating wordpress responsive images 因为我以自己的方式完成了图像响应解决方案。所以，我不想在我的服务器上保存wordpress自动生成的图像。当我在谷歌上搜索时，大多数都会显示如何从 tag at frontend.
响应循环，行内有3列，然后是2列
我在存档页面中创建了一个循环，在一行中以3列（33%宽度）的形式显示帖子，行的宽度为100%。每一列都是一篇文章。我想要实现的是使循环对于较小屏幕更加灵活：平板电脑的行容器中有2列50%，然后是手机的1列100%。我的主要问题是，我需要行容器中的帖子。所以应该是：一行有3列，然后一行有2列，一行有1列。这是循环的代码：<!-- Start the Loop --> <div class=\"row\"> <?php while ( have_posts() )
是否从后端禁用WP_IS_MOBILE？
我使用的wordpress主题使用了wp\\u is\\u移动功能，但在许多情况下反应很差，因为它在许多文件中被调用，我想知道您是否知道wordpress插件可能会“禁用”该功能或假装我们从未使用过移动设备？非常感谢。
如何阻止WordPress完全覆盖我模板中的<img>标签？
我忙于Wordpress主题，在一些模板中我使用图像（如home.php). 我计算srcset 和sizes 对于每个模板/图像，分别存储URL和变量中的值。不可能有“一刀切”的渲染方法srcset 和sizes, 所以试图覆盖sizes 和srcset like this 这是不可能的。例如，有可能是首页中的第一幅特色图片。php的大小与第二个特征图像不同。我的代码如下： <div class="amb-home-post-preview thumbnai
使WordPress图库响应
我在我的主页上使用了一个4列的本地wordpress图库：https://www.peace-ed-campaign.org/ （请参见滑块下方）。在移动设备上查看时，这4列/图像并排显示，缩小到无用的程度。我希望手机能够快速响应2张或1张图像。。。我在这里看到了一些关于这个的线索。。。但所有答案都可以追溯到2018年。似乎再也没有了。有人有什么建议吗？我尝试过的其他线程：How to Make Wordpress Default gallery responsive on mobile?Making W
将WordPress配置为使用响应式图像呈现
我们有一个网站，有定制的网页模板。每个页面模板都完全响应移动视图。我们通过谷歌的PageSpeed Insights工具运行我们的网站。我们看到的最大问题是图像的大小，尤其是在主页上。每个图像约为300-400 KB。我们的印象是，这个文件大小是可以接受的，但可能不是。我们使用的一家咨询公司建议我们将WP配置为对WP内容图像使用响应式图像渲染。我很困惑，因为我们的页面模板是完全响应的，任何图像都会继承页面上的响应元素。有人能帮我理解需要做些什么来配置WordPress，以便对wp内容图像使用响应式图像渲染
如何使WordPress主题iFrame具有响应性
我目前正在开发一个主题，在我的主题中，youtube视频嵌入和其他视频嵌入并没有真正响应。我找到了很多关于如何使用插件使iframe响应的帖子。但我需要创建我的主题响应视频嵌入默认情况下没有任何插件。特别是在youtube嵌入中，背景图像被放大和裁剪。这和youtube上的不一样。有没有办法让iframes在没有任何插件的情况下响应？
尝试使用Custom Taxonmy加载响应的CSS媒体查询
@media (max-width: 768px) { .page-id-9334 .site-content { display: flex; flex-direction: column-reverse; } } 我正在尝试将此CSS加载到自定义分类页面中。。。我的原始问题是指一个特定的页面ID（我编辑了我的原始问题）。无论如何，根据下面的回复，我认为这会起作用，但它会抛出一个错误，无论是否有<style> CSS打
源和源集大小从何而来？
我想找出src和srcset大小的来源。
响应图像的一些最佳实践是什么(例如，对于部分标题)？
愚蠢的我让客户上传他们自己的标题图片。我正在检查他们是否上传了一些东西，如果发现了，我会在模板中以内联样式将其添加为背景图像。但是，如何根据使用的设备交换图像？通常，我只会添加媒体查询并在css中交换图像，但当它们是内联背景时，我不知道该怎么办。你是怎么处理的？