在响应模板中,我有一些jquery代码来计算图像的高度与屏幕大小成比例。它在所有浏览器上都能工作,但是在Iphone/Ipad上,当我从人像上改变时,图像不会调整大小,这是代码,希望有人能帮我!谢谢
//用于调整主体大小$(Document).ready(函数(){ var body .width= $(document).width();var比率高度=(body.width/3.582);$(“#图库”).height(比率高度);});
//用于调整主体大小的active $(Window).resize(函数(){ var中部宽度= $(document).width();var比率
我在我的主页上使用了一个4列原生wordpress图库:https://www.peace-ed-campaign.org/ (参见滑块下方)。
当移动观看时,4列/图像保持并排,缩小到无用的地步。我希望手机能适应2或1图像.
我在这上面看过好几条线..。但所有答案都可以追溯到2018年。似乎都没有用了。有人有什么建议吗?
我尝试过的其他线程:
如何使Wordpress默认图库响应移动?
使WordPress画廊(.图片库-项目)响应?
目前正在尝试此操作,但没有成功:
/* For displaying single column on mobile */
@media only scre
我们正在为一个客户创建一个论坛软件。对于帖子,他们希望用户能够上传图片(我们现在使用的是回形针)来插入帖子的正文(类似于wordpress)。但他们希望系统能够检测到许多照片是否组合在一起,如果是,则在图库视图中显示它们(缩略图作为导航等)。而不是一个接一个地展示。
以前有没有人做过这样的事情?有什么插件(rails或JQuery)会有帮助吗?
编辑:只是为了澄清-我们在上传和调整图像大小方面没有任何问题,我们也没有任何问题以内联或图库的形式显示它们。我不明白的是,如何让系统检测是只有一个图像内联还是有多个图像,并做出相应的响应。
例如,如果您有一个这样的文档:
lorem ipsum lor
我目前有一个图片库,左边是全尺寸的图片,左边是所有其他图片,如下所示:
<div class='col-md-7'>
<img src='something'>
</div>
<div class='col-md-5'>
<ul>
<li ng-repeat for all the images in the array>
<img thumbnail for the image, on click it chan