保定SEO_网站建设制作优化公司【排名技术服务】耀炎SEO优化团队

欢迎来到保定耀炎网站优化公司

织梦dede手机移动端内容页图片不能自适应【解决方法】

时间:2020-05-13 14:40      作家:seo高手      阅读:次      出处:来源网络


温馨提示:本文有372个文字,大小约为2KB,预计阅读时间1分钟

 

首语:很多用织梦做网站的时候都会遇到合作各样的问题,就比如【织梦dede手机移动端内容页图片不能自适应】解决办法,我今天就分享给大家,希望对初学者的你有所帮助,而且这种方法可以用在任何cms建站的样式中,很是有效。不妨来试试!

 

织梦dede手机移动端内容页图片不能自适应

 

当我们通过手机端去浏览网站的收录情况,点击进去后发现图片只显示了一部分,另一部分被隐藏掉了。

 

本来一张好好的图片,只显示一半,在视觉上造成了很差的用户体验。为了解决这个问题,我查了很多资料,并最终完美的解决了该问题。大量的资料表明,手机端图片不能自适应,主要的原因在于css样式上。

 

一般来说,前端设计模板的时候会给图片设置固定的宽、高,这个宽高往往是针对电脑屏幕设计的。但是,手机显示屏远远小于电脑屏幕,一旦图片宽高固定且图片宽高大于手机显示屏的话,就会出现手机端只显示图片一部分的情况。

 

解决这个问题,只要能够做到让文章内容页图片跟随显示设备屏幕的大小变化,自动等比缩放即可。让图片在手机端的宽度显示100%,高度自动缩放则可完美解决这个问题。具体代码如下:

 

假如你的文章内容页图片节点如下:

 

找到图片节点对图片样式进行修改。 .test img{width: 100% ; height:auto !important;}把这段css放到样式表中,就完美的解决了织梦DedeCMS手机端文章内容页图片不能自适应的问题。

 

织梦dede手机移动端内容页图片不能自适应

 

本文链接:织梦dede手机移动端内容页图片不能自适应【解决方法】:http://www.505seo.com/gj/206.html

 

免责声明:部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递 更多信息之目的,并不意味着赞同其观点或证实其内容的真实性,如本站文章和转稿涉及版权等问题,请作者在及时联系本站,我们会尽快处理。

保定seo服务

我们珍惜您每一次在线询盘,有问必答,高手用专业的态度,贴心的服务。

让您真正感受到我们的与众不同!优选我们!

保定seo培训

保定seo培训

保定seo培训与魔贝客凡腾讯课堂合作,共同教育培训出优质的网站seo优化师,让更多的人了解互联网的优势!

常见问题

常见问题

提供什么是网站定制?你们的报价如何?等网站建设常见问题。整站高端的网站怎么样优化。我们公司会不是招聘等问题。

常见问题

保定seo外包服务商

掌握熟悉了各种百度排名算法与技巧,使得网站稳定快速的增长排名,绝非保定黑帽seo手法,都是运用白帽!