如何在pc端实现预览移动端页面的效果?
发布于 5 年前 作者 GeekHi 4101 次浏览 来自 问答

我司现在有个需求是在一个新闻列表中点击某一条,然后可以在pc端模拟展示出该新闻在移动端的页面预览。类似如下效果,但是由于移动端的链接项目页面结构是不确定的,且没有使用响应式,有没有朋友有相关的实现经验,可以实现这个功能。

1553677288(1).jpg

3 回复

其实就是实现类似于在pc端调试移动页面的效果

有没有切换机型的需求,比如将iponex 切换华为p20的需求 如果没有的话 只要这一种机型完全可以用css写 不会超过70行代码 然后手机页面的内容用js计算好px:rem的比例 里面的样式全部用rem 对了在手机内容的最外围开始设置弹性盒子 继承手机的max-width内容超出出现滚动条 暂时能想到的就是这些坑 ,写手机样式css3写起来也方便 如果感觉太麻烦或者要切换机型 npm找插件 但是加在多余的包不划算

@Arc-zlz 嗯,如果页面都是这种布局的话我倒是挺想自己写的,但是里边页面有5种模式的布局,图集、视频、新闻等等。又不太想把之前移动端那套再重写一遍,暂时我们先定了需求只扫码预览了

回到顶部