文章详情页
css3 - 如何在PC网页上预览手机网站样式?
问题描述
在线编辑器里的写的一些html5+css3效果和手机浏览器上看到的不一致,反复调整测试很麻烦,有没有方法可以在PC网页上直接预览手机网站样式,非Google Chrome F12手机模拟器,要网页上的。
问题解答
回答1:如果题主是说,发给客户,让客户随便拿个浏览器,而且让浏览器全屏,不用知道任何浏览器本身的使用手段也能看手机效果的话,推荐按照这个思路:
把想要让客户预览的手机网页发布到公网,即使只是测试版。ngrok这样的工具可以直接把你本地的localhost给发布到公网。一般得到类似http://cc007c0b.ngriok.io这样的地址。
用responsinator这个站点,带上你的手机网站的地址(最后得到http://www.responsinator.com/?url=cc007c0b.ngriok.io这样的),把这个地址发给客户看就好了。
回答2:现在最方便的就是在Chrome上使用手机浏览模式,或者firefox上的响应式设计模式
回答3:F12已足够
回答4:Google Chrome手机模拟器看到的样式基本上一致。为什么不用?
回答5:不是我用,是客户用,客户需要无论任何浏览器都能看到和手机浏览器里看到的效果一致。客户不一定安装Google Chrome。
回答6:叫客户装chrome。。不装不给他玩。
标签:
CSS
相关文章:
1. 引用 node.js express加载 静态文件 报错 ??2. javascript - 引入 simditor,但是显示标签,这个怎么解决。3. 鼠标过导航标签时,无效果,请问如何查找问题4. android - 使用listview加载不同item,数据填充错误。5. angular.js - ionic该如何强制刷新页面6. node.js - 为什么引入mongoose报错?7. javascript - 数组的过滤和渲染8. mysql中的最大连接数就是请求数吗?那IOPS又表示什么意思呢?9. 怎么可以实现在手机浏览器看到链接的title属性,就是鼠标放上去会有一个tip效果的10. 搭建一个用户间相互博弈的网站
排行榜