您当前的位置:首页 > TAG信息列表 > responsive
缩小响应标题的大小
使用移动设备或平板电脑时,我的产品标题会被裁剪。我只想缩小它们的尺寸。查看图片:有没有办法改变这种状况?是CSS还是Php?产品的URL如下:https://www.editorialufv.es/catalogo/territory-inhabited/
网站平板电脑退房现场问题
所以在我的网站上http://www.camerabeanbags.co.uk/checkout/ 如果将浏览器设置为768px宽,则无法单击“电话”和“电子邮件地址”字段以输入文本。对于768px以下的分辨率和992px之后的任何分辨率,这些都可以正常工作。我已经查看了CSS,并尝试对其进行修改,以使它们都能正常工作,但还没有进行太多的查看。如果你将一个项目添加到篮子中。。。然后去看看。。。将屏幕设置为768px或更高,但低于992px,您将看到我的意思。有没有关于是什么原因造成的,以及我如何解决这个问
了解WordPress图像大小和响应图像
我只是不明白add\\u image\\u size()和响应图像是如何工作的。假设我有一个缩略图720×360. 所以我想我需要增加尺寸add_image_size(\'post-thumbnail\', 720, 320, true) //hard crop我上传尺寸为3000×2000的图像,以适应视网膜屏幕等。现在我将它添加到页面the_post_thumbail(\'post-thumbnail\') 但它根本不构建srcset!如果我使用the_post_thumbail(\'full\')
二十个主题-更改响应菜单条件
所以我想将侧边栏移到页面顶部,并将其隐藏在汉堡菜单后面。只是为了让屏幕更小(平板电脑、智能手机),不管分辨率如何。所以我认为改变媒体查询就足够了——事实并非如此。侧边栏的消失和汉堡菜单的显示从955px开始,更改该值不会改变任何东西,所以它必须在其他地方。在函数中。js(我现在正在学习js,所以我不是很清楚)有一个函数resize(),其中显示955值(3次),但再次说明,更改它并没有任何作用。我几天来一直想解决这个问题,现在头痛。有人能帮我吗?
WordPress主题菜单上的引导导航栏响应不起作用
我正在创建的主题无法正常工作。当我减小屏幕尺寸时,菜单没有塌陷到带有汉堡图标的移动视图中。在Chrome上使用inspect工具时,我可以看到所有的类。我的尝试:将代码与我做的练习主题进行比较,结果看起来完全一样</直接从引导程序粘贴导航栏示例并进行测试(也没有崩溃)</使用引导程序上的链接,如https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css 和https://maxcdn.bootstrapcdn.co
获取与原始图像的纵横比匹配的所有图像大小的列表
我需要与默认WordPress相同的功能wp_calculate_image_srcset() 方法返回srcset的字符串:image-300x200.jpg 300w, image-600x400.jpg 600w, ... 但它应该返回一个数组而不是字符串,其结构类似于:$image_sizes = array( array( \'url\' => \'image-300x200.jpg\', \'width\' => 300,
艺术指导下的回应性影像
我一直在考虑如何在Wordpress中使用响应图像。我的网站在每篇文章的顶部都有一个固定高度的全宽缩略图。响应图像的内置Wordpress实现假定有一个恒定的纵横比,这是本用例所没有的。我已经创建了6个图像大小,覆盖3个宽度和2个像素:add_action( \'after_setup_theme\', \'setup_image_sizes\' ); function setup_image_sizes() { $height = 150; $width = 250;&
responsive screen not working
我已经试着让它像这样响应:https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_image2, 我希望它像图像一样收缩,无论它中的屏幕是什么,它都会在位置上匹配,想象一下我放入每个框中的图像,但似乎失败了。https://jsfiddle.net/hnrfhyag/20/
响应图像-将源集属性添加到自定义图像函数
当我使用get_the_post_thumbnail( NULL, \'entry-fullwidth\', NULL ); wordpress自动输出srcset 以下数据:<img width=\"1000\" height=\"625\" src=\"https://x.cloudfront.net/wp-content/uploads/2017/08/photo.jpg\" class=\"attachment-entr
@媒体全局应用,而不是针对每个屏幕宽度单独应用
我有一个完整的1920px样式表,页面宽度为1560px。我正在尝试使用@media 但当我更改任何内容时,它会全局更改。我是CSS和HTML的新手,真的需要一些帮助来链接到单独的样式表(1920px、1366、768、360),我可以编辑这些样式表,而不会影响其他样式表。我尝试使用此代码失败:<script type=\"text/javascript\"> var reswidth = screen.width; if (reswidth < 1560) {docum
@Bluehost中的媒体正在被注释掉
Bluehost正在托管我的WordPress文件,但似乎没有读取我的@media 密码一切都以@ 符号已灰显,根本没有被读取,这意味着我的网站目前完全没有响应。有人知道为什么或者如何解决这个问题吗?谢谢
如何使wp默认图库具有响应性?
我要我的WPdefault gallery 从计算机屏幕上的4列下降到移动设备上的2列。
WP响应式图像-上传自定义图像大小
在过去的几周里,我一直在努力寻找解决问题的方法,但运气不好。我发现我的主题和WP都无法创建正确的响应图像。这尤其适用于PNG文件,这些文件不但没有变小,反而变大了。例如,如果我上传大小为12kb的PNG,WP和我的主题创建的文件的大小是原来文件的3-4倍,即使分辨率比原来的文件小。现在,我在我的主题中禁用了这个自适应图像系统,并且找到了一种通过使用自定义代码禁用WP创建文件的方法。然而,我想要实现的是上传我自己定制大小的图像,而不是依赖WP或其他代码来生成更小或更大的图像。是否有人知道一种解决方案如何覆盖
打开菜单在移动视图中不起作用
我的网站是www.ukikomerc。com和我的打开菜单在移动视图中不起作用。我已经尝试停用插件,但仍然存在同样的问题。请帮忙。
在PHP中生成响应式背景图像大小
我正在尝试为我的页眉生成响应性的背景图像,使用此的修改版本gist, 但是我不能让它正常工作,我也不确定问题是否出在wp_get_attachment_image_srcset, wp_calculate_image_sizes 或者循环本身。这是我的代码:Responsive Image Size Attributes function adjust_image_sizes_attr( $sizes, $size ) { $width = $size[0]; if($wi
导航菜单,从桌面删除项目
使用Sailent的主题(和子主题),我试图找到一种方法,在桌面上完全删除导航栏中的菜单项。请参见此处的站点:http://www.boinginflatables.com/2017update/如您所见,菜单项的文本不在那里,但它会弄乱菜单的对齐方式。目前,我已将该菜单项设置为仅具有css设置的移动css类,如下所示:.mobile-only { visibility:hidden; } @media (min-width:992px) {
Meta tag viewport
我从头开始创建了我自己的WordPress主题,我没有使用页眉或页脚(因此没有header.php或footer.php文件)。所有重要内容都直接在索引中。php文件。所以我想知道我可以把我的元标签放在哪里。特别是这个元标记,<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"/> 我目前正在使我的主题具有响应性,到目前为止,我所有的css媒体查询都无法正常工作。我可以把它放在我的索引中吗。
21Eleven主题针对iPhone进行了调整。如何停止此功能?
我想防止在iPhone上看到Twenty Eleven变为移动版。有什么办法吗?
如何添加重写规则以将上载文件夹指向子域
目标是将上载文件夹指向要服务的静态子域adaptive images, 可以缓存的。WordPress重写规则rewrite rules API 克里斯托弗·戴维斯现场。自适应图像的操作方法。php这些是完成Q所需的步骤:HTML开始加载到浏览器中,浏览器中的JS片段写入会话cookie,以像素为单位存储访问者的屏幕大小</然后,浏览器会遇到一个标记,并向服务器发送请求以获取该图像。它还发送cookie,因为浏览器就是这样工作的</Apache收到图像请求,并立即查看网站的。htaccess文
20110或2111作为响应性儿童主题的基础
我将要制作一个新的儿童主题,我真的很想学习一些如何使其具有响应性。设计/变更将相当小。我已经为《2010年》和《2011年》做了一些儿童主题,但不确定要选择哪一个来学习响应性设计。你可能会说,211是最新的,但我读到过一些地方,210更好地保持。我知道有很多基本的/框架,但这两个我非常了解。对此有何想法?