移动响应式网站的产品图片

Posted

技术标签:

【中文标题】移动响应式网站的产品图片【英文标题】:Product Images of mobile responsive site 【发布时间】:2016-07-16 20:16:25 【问题描述】:

我正在使用 magento 1.8.10。我的网站也是移动响应网站。产品图片在借贷页面上显示得非常大,如果有人点击产品,那么当人们在移动设备上使用我的网站时,图片就会显示得很小。

任何人都可以帮助如何展示每个产品的完美图像?

【问题讨论】:

我投票结束这个问题,因为 Stack Overflow 是一个programming-related 问答网站。您的问题与编程无关。也许你应该把它发到magento.stackexchange.com 上? 【参考方案1】:

是的,它很简单,只需使用

<?php 

    echo $this->helper('catalog/image')->init($_product, 'small_image')
        ->constrainOnly(false)
        ->keepAspectRatio(true)
        ->keepFrame(true)
        ->resize(160, 210);

?>

或者你想给的任何尺寸都可以在resize中提及

【讨论】:

永远是我的快乐 :)

以上是关于移动响应式网站的产品图片的主要内容,如果未能解决你的问题,请参考以下文章

第一个响应式网站之环保网站(源码+图片下载)

什么是H5《响应式网站》

利用axure进行响应式自适应网站的设计

前端开发——移动端及响应式布局解决办法总结(适配)

前端开发——移动端及响应式布局解决办法总结(适配)

H5响应式布局 响应式图片 响应式布局网站怎么写?