移动端设备分辨率 480*800,但显示尺寸为 320 的兼容问题

Web 开发 > HTML(CSS) [问题点数:200分,结帖人athrunzero]
等级
本版专家分:3346
结帖率 100%
等级
本版专家分:3820
等级
本版专家分:3346
等级
本版专家分:3346
等级
本版专家分:51337
勋章
Blank
签到新秀 累计签到获取,不积跬步,无以至千里,继续坚持!
Blank
黄花 2013年11月 Web 开发大版内专家分月排行榜第二
Blank
蓝花 2013年10月 Web 开发大版内专家分月排行榜第三
等级
本版专家分:3346
athrunzero

等级:

关于Html5移动端适配不同分辨率的布局总结

但是就我个人而言,从pc端适配到移动端这种一整套的方式还是有所不妥的,毕竟pc端显示的内容相对于移动端来说是很多很繁琐的,而移动端显示的风格大多以扁平化主,屏幕显示的内容也不宜过多过于繁琐,所以要想直接...

移动端页面制作字号大小设定问题,设计稿文字字号规范,解决移动端大小屏适配问题

逻辑分辨率320*480 《==》 物理分辨率:640*690 最小字号:12px 逻辑分辨率320*658 《==》 物理分辨率:640*1136 最小字号:12px 逻辑分辨率:375*667 《==》 物理分辨率:750*1334 最小字号:14px...

h5响应式布局,pc端和手机端的几种分辨率

1. 一般电脑屏幕分辨率 19120X1080 ,1366X768,1440X900,1600X900 2.手机端常见分辨率分辨率与手机屏幕大小无关) 常见的级别:QVGA:240*320 WQVGA:240*400 CGA:200*320 HVGA:320*480 EGA:350*640 NVGA:...

[移动端]移动端上遇到的各种坑与相对解决方案

CSS3 技术应用评估各种奇妙的hack几乎所有设备的屏幕尺寸与像素密度表移动设备参数表ios端移动设备参数速查浏览器兼容表移动设备查询器移动设备适配库移动设备适配库2viewport与设备尺寸在线检测器html5 移动端兼容...

H5页面移动端兼容性测试

一、背景 测试任务:H5页面,但是涉及移动端常用沟通工具,常用浏览器访问兼容性测试 二、分析 1、常用聊天工具:微信、QQ、钉钉 ...VGA(640×480像素),QVGA(240×320像素),HVGA(480×320像素),...

移动端开发详解(1)

移动端和桌面端的区别首先一个明显的区别就是屏幕大小,在桌面端,分辨率非常大,从前960像素的页面宽度...而对于移动端来说,常见的分辨率都是320 * 480, 360 * 640, 640 * 960这样的小尺寸,所以布局更多地运用垂直

如何解决PC端和移动端自适应问题

如何解决PC端和移动端自适应问题?** 本文转自 https://www.cnblogs.com/jtjds/p/5480857.html 作者:向婷风 做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,...

html5 移动端、几种常见的布局、flex布局

***手机频幕多:安卓480*800480*854,540*960,720*1280,1080*1920 ***移动端调试方法:谷歌的模拟手机调试(F12,底部第二个手机图标),本地服务器手机访问。 ***视口viewport:就是浏览器显示页面内容的屏幕...

Vue笔记 (二) 如何做移动端适配 让你只用关心设计稿

移动端开发时,我们经常发现出现布局后有不兼容问题,如何在不同设备上进行适配呢,希望康完这边,你能从原理到应用彻底熟悉移动端适配。 1.1手机屏幕现状 移动端设备屏幕尺寸非常多,碎片化严重。 Android设备...

移动app开发中多种设备尺寸适配问题

首先说现象,大家都知道移动端设备屏幕尺寸非常多,碎片化严重。尤其是Android,你会听到很多种分辨率480x800, 480x854, 540x960, 720x1280, 1080x1920,而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了:640...

移动端适配方案

手机设备屏幕尺寸不一,做移动端的Web页面,需要考虑安卓/IOS的各种尺寸设备上的兼容,针对移动端设备的页面,设计与前端实现怎样做能更好地适配不同屏幕宽度的移动设备; 目的:在不同尺寸的手机...

移动端适应不同屏幕大小

移动端适应不同屏幕大小移动端开发中几个个概念设备像素(物理像素)PPI(每英寸容纳的设备像素数)设备独立像素DPR(设备像素比)常见的兼容不同屏幕大小的方案通过 initial-scale来适应不同屏幕大小固定viewport,...

移动端webapp如何应对不同屏幕尺寸(转)

移动设备的用户越来越多,每天android手机的激活量都已经超过130万台,所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验,以及给出几种可选的解决方案。 一、基本概念 ...

【VR】VR设备盘点

主机VR头显可以带来真正意义上的沉浸式VR体验,高性能意味着高价格,不仅头显和手柄价格不菲,你还要花高价购买一台高性能的电脑或游戏主机,全套设备轻松超过一万元。手机VR眼镜是体验VR入门级的产品,这种设备的...

【web】PC与移动端媒体查询配置

分辨率 比例 | 设备尺寸 1024*500 (8.9寸) 1024*768 (比例4:3 | 10.4寸、12.1寸、14.1寸、15寸; ) 1280*800(16:10 |15.4寸) 1280*1024(比例:5:4 | 14.1寸、15.0寸) 1280*854(比例:15:10 | 15.2) 1366*...

谈谈pc端和移动端自适应

做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总结...

常用手机和平板的主流屏幕分辨率及适配注意项

在实际页面的开发过程,往往显示屏幕的宽度换算像素尺寸的1/2。 IOS: 6.5英寸 —— 1242 x 2688 px —— Xs Max 6.1英寸 —— 828 x 1792 px —— XR 5.8英寸 —— 1125 x 2436 px —— X/Xs 5.5英寸 —— ...

pc端移动端兼容hover 和click

有些人会问,什么不用bootstrap这类的框架写呢?我也很想用,但是推广页就一个静态页面,用框架是不是不太好,而且也要根据需求,在进行修改,很累的,所以果断的放弃。 根据要求,移动端的呈现效果是缩小版的PC端...

移动端Web开发之流式布局

一、移动端基础 1、主流浏览器及其内核 主流浏览器 内核 ...目前国内许多浏览器的内核基本都是基于Webkit进行修改及其研发,所以兼容移动端主流浏览器,针对Webkit内核...Android设备有多种分辨率480x800, 480x854

pc端和移动端自适应网页

做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总结...

移动应用界面设计的尺寸规范

本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索,来分享移动应用界面设计中的尺寸规范等问题,希望能给移动端的新手设计师些许指引。若有不当之处,欢迎斧正。 一、android篇 1、android分辨率 ...

移动端兼容和事件

欢迎使用 Issues 以及 Pull Request贡献者名单:https://github.com/hoosin/mobile-web-favorites/graphs/contributors同类项目腾讯移动Web前端知识库maxzhang博客issuesQQ浏览器X5内核问题汇总一些非常重要的工具...

【移动布局基础】

1、浏览器 PC端浏览器:360、Chrome、Firefox、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。。。 移动端浏览器:uc浏览器、QQ浏览器、欧朋浏览器...Android分辨率主要:480*800480*854、720*1280、1080*1920等 i

移动端三种适配方案

viewport:中文的意思就是“视口”,通常就是浏览器用于显示页面的区域,但是在移动端,viewport一般都要大于浏览器的可视区域,保证PC页面在移动页面上面的可视性,这是因为考虑到移动设备分辨率相对于桌面电脑来...

移动端布局

绝大部分项目: ...为了适应不同的设备,分辨率 不同的设备(pc电脑端 平板电脑 手机端) x 宽度 500px<= x <800px css 1 800px<= x <1000px css 2 1000px<= x <1500px css 3 响应式的优势:...

移动端Web页面适配方案(整理版)

移动端web页面的开发,由于手机屏幕尺寸分辨率不同,或者需要考虑横竖屏问题,为了使得web页面在不同移动设备上具有相适应的展示效果,需要在开发过程中使用合理的适配方案来解决这个问题。 早期网页设计采用静态...

移动端适配大法

一波还未平息,一波又来侵袭~移动端确实不用考虑IE了,各种CSS新特性也用的爽到飞起,一座大山压了过来,那就是分辨率的适配,移动端由于展示区域比较小,因此对于页面在不同分辨率手机上的展示细节也要求更加严格...

相关热词 c# 解析ini c# 高德经纬度转墨卡托 c# 加法 泛型 c#裁切image c#onpaint c# 函数参数初始化 软件工程师考试题c# c# 多媒体定时器 c# 集合首字母排序 c#调用java程序