关于浏览器真机模拟器分辨率问题

selqgun · 发表于 2017-1-23 10:09:49

本帖最后由 selqgun 于 2017-1-23 11:33 编辑

最近练手写了个APP 感觉wex5用起来蛮顺手的就是分辨率问题一直困扰着我
以下截图分别是用浏览器(wex5自带选iphone6 plus) 真机(mate7 1080*1920) 模拟器(夜神1080*1920) 访问同一个页面的效果我选的设备都是1080*1920分辨率的按道理夜神应该是里是正常的浏览器可能是因为设置了放缩比例问题但是真机上为什么会是最差的分辨率效果呢?
这个是用@media 这样控制?

浏览器(wex5自带选iphone6 plus)

浏览器

真机(mate7 1080*1920)

mate7

模拟器(夜神1080*1920)

夜神

半导体 · 发表于 2017-1-23 11:17:36

关于样式上的适配采用正常开发过程中的适配手段即可

selqgun · 发表于 2017-1-23 11:32:32

半导体发表于 2017-1-23 11:17
关于样式上的适配采用正常开发过程中的适配手段即可

什么意思 ? 我这里是同一个分辨率下不同设备上出现了不同的页面布局不知道原因

半导体 · 发表于 2017-1-23 11:39:44

selqgun 发表于 2017-1-23 11:32
什么意思 ? 我这里是同一个分辨率下不同设备上出现了不同的页面布局不知道原因 ...

你发不运行的话是没有人会用到浏览器和模拟器的吧你当然是以真机为准样式上大部分都是兼容不同机型没有要求过要浏览器真机模拟器也兼容的吧
浏览器真机模拟器他们之间纯在的差异但是这个问题是完全可以规避掉的

selqgun · 发表于 2017-1-23 11:58:34

半导体发表于 2017-1-23 11:39
你发不运行的话是没有人会用到浏览器和模拟器的吧你当然是以真机为准样式上大部分都是兼容不同机型 ...

这个明白了,但我这真机上的布局是没办法接受的, 我想真机达到夜神那样的布局应该怎样做?

半导体 · 发表于 2017-1-23 13:18:51

selqgun 发表于 2017-1-23 11:58
这个明白了,但我这真机上的布局是没办法接受的, 我想真机达到夜神那样的布局应该怎样做? ...

这个需要重新定义样式了吧按照你想要的排版效果

selqgun · 发表于 2017-1-23 14:09:09

半导体发表于 2017-1-23 13:18
这个需要重新定义样式了吧按照你想要的排版效果

这个不是吧感觉只是真机上也是用到像浏览器访问时的放缩比而已怎么要重新定义样式了呢
而且我这个页面的布局和控件基本上都是直接拖出来用的没怎么改过CSS样式
这是要我改底层的bootstarp样式?

半导体 · 发表于 2017-1-23 14:24:09

selqgun 发表于 2017-1-23 14:09
这个不是吧感觉只是真机上也是用到像浏览器访问时的放缩比而已怎么要重新定义样式了呢
而且我这个页面 ...

不是改底层样式我是说你想要那种样式你就要像那样布局的呀

selqgun · 发表于 2017-1-23 14:48:36

本帖最后由 selqgun 于 2017-1-23 14:54 编辑

半导体发表于 2017-1-23 14:24
不是改底层样式我是说你想要那种样式你就要像那样布局的呀

你没明白我意思就拿夜神出来的效果和真机上出来的效果作比较,同一个页面,机器同样是1080*1920分辨率出来完全不一样的效果
左面是夜神右面是真机.

selqgun · 发表于 2017-1-23 21:29:15

半导体发表于 2017-1-23 14:24
不是改底层样式我是说你想要那种样式你就要像那样布局的呀

例如我左上角的图片宽度是写死的100px 不可能在1080的屏幕上占了四分一左右的空间吧。
感觉是webview对页面进行了放缩。
PV59{28H8}U7~

		自动登录	找回密码
密码			注册

[处理中4] 关于 浏览器 真机 模拟器 分辨率问题

[处理中4] 关于浏览器真机模拟器分辨率问题