网站PC端和移动端无法自适应,求教大神,用的织梦后台

PC端和移动端分别有主页模板,已在移动端index_m.html页面内写下代码<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> ,在CSS样式里写下样式img {display:block;max-width:100%;} 试了很多种办法都无法自适应,移动端内图片还是变型,宽自适应但是高度没有自适应,网站文章,产品图,全部是调用的PC端的栏目/文章内容。求教,已给这个问题跪了
看,PC尺寸是750X690,移动端自适应了宽592X690,但是高度没法变, 我在CSS里试过去掉max,直接width=100% height=auto; 这样 图片就会横向直接超出屏幕尺寸。只能用max来写

你写的样式没有被应用,你的网站要想兼容PC和移动,上传图片的时候一定要注意图片的高度和宽度,织梦上传图片会填写高度和宽度,这个是写到html中的,这里样式优先级高于你的CSS,上传图片的时候要去掉高度和宽度不填,CSS才能控制图片

温馨提示:答案为网友推荐,仅供参考
第1个回答  2021-03-08

相似回答