怎么用行内样式实现内容根据屏幕宽度自适应??

不用js,只用行内样式怎么做移动端的响应式啊???

阅读 3.2k
3 个回答

根据屏幕宽度自适应具体指什么,行内大多数跟外联写法一样,除了那些特殊的选择器等等

由于描述不太清晰,猜测你可能需要的是:

<span 
    style="
        display: inline-block;
        width: 100%;
">
    需要自适应的内容
</span>


<div style="
    display: inline-block;
    width: 100%;
">
    需要自适应的内容
</div>

// 满屏显示则为:width: 100vw;
<span style="
    display: inline-block;
    width: 100vw;
">需要自适应的内容</span>

可以用VW或者VH做单位,百分比也行,不过如果是开发微信公众号的推文,百分比就没效,一般用SVG。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题