如何解决PC端和移动端自适应问题?
来源:互联网 发布:php扩展开发.pdf 编辑:程序博客网 时间:2024/06/14 00:44
做网页时,我们通常需要考虑到不同电脑屏幕尺寸,以及不同手机屏幕大小等问题,解决样式发生改变的情况,那么如何解决呢?现在主要是采用自适应来解决高度,宽度的,以及图片自适应问题,下面就PC端和移动端来总结一下,通常进行自适应高度和宽度,图片时,一般与页面的布局存在关系。
1、最小尺寸分辨率1024*768(传统17寸显示器),则可以采用940px、960px、或者常用的980px作为最小宽度
2、1024*768之后稍大的分辨率就是1280*768了,则可以采用1200px或者1220px作为稍大的网页宽度
3、支持css3、html5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签
4、不支持css3、html5的脑残浏览器特别是<=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了
5、宽度自适应需要对每个显示模块进行不同宽度的计算,在做html布局时需要大量的计算与适配。
6、宽度自适应为不同宽度显示器写布局元素时常用的css
1、最小尺寸分辨率1024*768(传统17寸显示器),则可以采用940px、960px、或者常用的980px作为最小宽度
2、1024*768之后稍大的分辨率就是1280*768了,则可以采用1200px或者1220px作为稍大的网页宽度
3、支持css3、html5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节布局标签
4、不支持css3、html5的脑残浏览器特别是<=ie8系列则需要用js以及resize事件来控制html的布局标签宽度了
5、宽度自适应需要对每个显示模块进行不同宽度的计算,在做html布局时需要大量的计算与适配。
6、宽度自适应为不同宽度显示器写布局元素时常用的css
0 0
- 如何解决PC端和移动端自适应问题?
- 如何解决PC端和移动端自适应问题?
- 如何解决PC端和移动端自适应问题?
- 浅谈PC和移动端的自适应
- pc、移动端 自适应布局方案
- 移动端自适应问题
- 解决移动端自适应问题——rem
- 如何实现移动端和pc端按下状态效果
- pc端网页自适应各版本移动端屏幕大小
- pc移动端自适应布局js脚本(一)
- pc移动端自适应布局html页面(二)
- 如何解决自适应问题
- pc端自适应测试
- PC端自适应布局
- js 解决移动端自适应屏幕
- 如何判断移动端还是PC端
- mobile-calendar一个PC和手机移动端自适应相应式的input弹出选择日历空间
- javaweb区分PC端和移动端
- orcle11g 创建分区表
- A Hierarchical Deep Temporal Model for Group Activity Recognition
- React(五):使用Flux搭建React应用程序架构
- 给 NVIDIA 赞一个
- Java实例说明 嵌套类包括内部类(即非静态嵌套类)和静态嵌套类 两者的区别
- 如何解决PC端和移动端自适应问题?
- 【初等概率论】 03
- mfc中父对话框变量获取子对话框控件的变量
- Android 小问题汇总解决
- 光线跟踪之简介
- Linux磁盘管理:LVM逻辑卷的创建及使用
- POJ-2828-Buy Tickets
- Oracle中INT、FLOAT、NUMBER区别
- VMWare中设置静态IP CentOS