-
如何解决页面自适应分辨率0
有如下几种分辨率
PC:
1024*768;
1280*720;
1366*768;
1440*900;
1920*1200;
PAD:
1024*768;
2048*1536;
PHONE:
960*640;
1136*640;
1280*800;
1920*1080;
最近开发一个项目时,要求能在移动端和pc端都能使用,我在页面都加入了响应式<meta name="viewport" content="width=device-width, initial-scale=1.0">
而且我吧所有的px都改成了%,不用固定的像素,改为百分比,我的电脑是1366*768的,但是用别的电脑或者设备登陆使用的话,布局就全乱了,怎么解决这个问题啊,我不可能为每一个分辨率 都做一套页面吧.
2014年4月24日 14:02
添加评论
关注(0)
相关推荐
解决思路：在不同分辨率下看到的网页版面格式有很大差别，甚至有可能错位。导致这种差别的原因，主要是因为网页中用了绝对定位的层，并且页面内容设置为居中，这样在分辨率改变时就会导致错位。因此我们可以通过判断...
WEB应用的页面，表格的表现形式是常常遇到的，在列数有限的前提下，如何将各列中的内容自适应到不同分辨率的屏幕，这应该是一个比较容易遇到的问题，下面就来谈一谈我对这类问题的解决与看法。 将所有列设置为固定...
html5+app、移动端、mui+app尺寸适配、屏幕适配、屏幕自适应插件，解决不同手机尺寸的手机适配问题
HTML5科技公司响应式网站模板，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、关于我们、解决方案、产品、服务、联系我们等HTML企业模板页面。
主要介绍了css绝对定位如何在不同分辨率下的电脑正常显示定位位置，本文首先解释了常见的电脑分辨率，为了页面在不同的分辨率下正常显示，要给页面一个安全宽度，再去使用绝对定位，具体操作步骤大家可查看下文的...
CSS DIV网页布局中当分辨率小于等于1024px（像素）时，DIV布局对象显示1000px宽度，当分辨率大于1024px时候显示...如果网页布局宽度固定到1200px，1024分辨率用户浏览网页时浏览器下方会出现滚动条，为了解决这个问题
HTML5科技公司响应式网站模板，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、关于我们、解决方案、产品、服务、联系我们等HTML企业模板页面。
蓝色响应式网站制作公司模板，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、解决方案、关于我们、客户案例、建站方案、新闻资讯、技术支持、联系我们等网站模板页面。
蓝色响应式网站制作公司模板，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、解决方案、关于我们、客户案例、建站方案、新闻资讯、技术支持、联系我们等网站模板页面。
蓝色网站建设公司响应式HTML模板基于AmazeUI2.5.2制作，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、解决方案、产品展示客户案例、服务中心、新闻动态、关于我们、招贤纳士等网站模板页面。
HTML5企业移动化公司响应式模板基于AmazeUI2.7.2制作，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、产品中心、客户案例、解决方案、新闻中心、注册、登录、关于我们、加入我们、联系我们等网站模板页面。
HTML5企业移动化公司响应式模板基于AmazeUI2.7.2制作，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、产品中心、客户案例、解决方案、新闻中心、注册、登录、关于我们、加入我们、联系我们等网站模板页面。
HTML5企业移动化公司响应式模板基于AmazeUI2.7.2制作，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、产品中心、客户案例、解决方案、新闻中心、注册、登录、关于我们、加入我们、联系我们等网站模板页面。
我们会经常遇到一张大图片会“撑破”布局，今天我们介绍两种方法来等比例缩放图片。
原理是，根据屏幕分辨率来修改meta标签的缩放值，从而来实现页面自适应。优点是不需要修改原来px单位的css代码，解决rem布局css逐帧动画1像素缺陷问题 ，缺点是在android下2张切开的图片合并时会有1px的缝隙，ios...
（3）针对页面自适应问题，本文结合渐进增强以及拥抱流式布局的思想，同时研究利用了移动设备的视口特性，实现跨分辨率、跨设备的页面自适应。 （4）针对系统的功能实现问题，通过结合利用原生态框架与HTML5的跨平台...
HTML5响应式高新技术公司网站模板，响应式设计，自适应分辨率，兼容PC端和移动端，全套模板，包括首页、产品中心、应用案例、解决方案、新闻资讯、关于我们等HTML企业模板页面。
HTML5响应式防水产品科技公司网站模板，自适应分辨率，兼容PC端和移动端，全套模板，包括网站首页、关于我们、产品中心、解决方案、客户案例、媒体中心、人力资源、合作加盟、联系我们等HTML企业模板页面。
仿照陌陌的附件页面的switch按钮做出的按钮,同时解决了按钮对于不同分辨率的自适应问题,根据源代码扩展,突破api限制。2.2及以上版本均可使用。
合适的技巧会使页面在大屏幕、小屏幕抑、PDA小屏幕上都能得到良好的呈现。但是，糟糕的代码结构，对于流动布局来说将是灾难性的。因此，我们需要针对大多数流动设计的缺点寻求可行的解决方案。 如果你作为设计师通过...