社区
CSS
帖子详情
前端设计网页布局同时适应PC端和移动端
温暖阳光236
2016-02-02 12:00:22
做网页设计的时候,做出的网页同时适应PC端各种尺寸屏幕的同时,也适应各种尺寸的移动端?
有什么方法吗?大虾们说说,谢谢!
...全文
1765
12
打赏
收藏
前端设计网页布局同时适应PC端和移动端
做网页设计的时候,做出的网页同时适应PC端各种尺寸屏幕的同时,也适应各种尺寸的移动端? 有什么方法吗?大虾们说说,谢谢!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
12 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
阿弥陀佛
2018-12-11
打赏
举报
回复
我最近正好也在研究这玩意,给你三个链接参考吧:
https://www.cnblogs.com/MissZhao/p/5773091.html
http://www.divcss5.com/rumen/r18099.shtml
http://lib.csdn.net/article/css3/51988
szuzsq
2018-12-06
打赏
举报
回复
我也觉得自适应是个伪命题.
蒲扇般的大手捏一对小A,怎么捏,都别扭
sinat_35033848
2018-11-05
打赏
举报
回复
百度了解一下html5 自适应
妖稚
2018-11-02
打赏
举报
回复
分别做吧 这样会更好
zhennann
2018-11-01
打赏
举报
回复
CabloyJS所有页面开发采用"移动优先"策略,同时完美适配PC布局。你可以参考一下
https://cabloy.org
hookee
2016-02-11
打赏
举报
回复
可能分别做还更简单点
manhuodundae
2016-02-08
打赏
举报
回复
有,你还是找人再开发一个移动版吧,
cyistudio
2016-02-05
打赏
举报
回复
bootstrap对于IE6-7不是很友好,需要特别处理,就算是IE8也不是直接就可以用的,毕竟是移动优先,不过,总归还是得看实际需求。
zpjshiwo77
2016-02-02
打赏
举报
回复
自行百度响应式布局~
qq_30160863
2016-02-02
打赏
举报
回复
bootstrap,pintuer,都是不错的响应式布局框架,不过拼图也是基于bs的一个框架,如果网页简单的话,可以使用bs来做,但是如果你的网页很复杂,或者说,手机端的页面跟web端的差距很大的时候,你就只能来写两套css,甚至写两套网页,都是看实际的需求来写,各有利弊吧
vswen5
2016-02-02
打赏
举报
回复
将宽 高 不要写死都写成百分比 基本上就可以了。 还有就是css可以针对屏幕大小来指定引用样式。
一套完整的商城静态网页+psd(适配手机端 和 电脑端)
一套完整的商城静态网页+psd(适配手机端 和 电脑端)
2013年IT面试之百度笔试面试大礼包
2013年IT面试之百度笔试面试大礼包,专业的IT面试社区,百度笔试,百度面试
前端
常见布局,(
pc端
和
移动端
)
固定布局(
PC端
) 固定布局常用于
Pc端
,当然,如果练习时,也可以
移动端
使用,缺点就是兼容性较差。大屏手机显示网页比较宽,固定布局宽度参照永远是 320px,导致左右两 边会有空白。 流动布局(百分比布局) 流动布局,就是用百分百的一个布局,这样的优点便是自
适应
, 缺点是不够灵活,添加元素时,需要更改其他元素的值。 流动布局与固定宽度布局基本不同点就在于对网站尺寸的测量单位不同,流动布局就是使用百分比来代替px作为单位。 flex布局(弹性盒布局)
PC端
也使用flex布局,这是一个css3的新布局模式,也
pc端
和
移动端
切换
1. 切换.html(同一套css) 网页通常需要适配
pc端
和
移动端
,适配可以通过响应式布局判断屏幕尺寸来展示不同的效果,还可以通过编写两个页面,也就是
pc端
和
移动端
分别写一个页面,这种方式更方便功能模块的编写。 通常情况下,
pc端
域名使用www,而
移动端
域名使用m,在编写pc和移动两个页面时,在实际页面加载时需要加载到对应的页面,所以需要判断设备的类型,让搜索引擎和浏览器知道,
pc端
用户应该访问那个页面,
移动端
用户应该访问哪个页面。 //判断是手机还是电脑 if((navigator.userAgent
web页面常用布局(
pc端
布局和
移动端
布局)
web页面常用布局(
pc端
布局和
移动端
布局) 什么是web布局呢? 布局也可以叫做排版,它指的是把文字和图片等元素按照我们的意愿有机地排列在页面上,布局的方式分为两种: 1、table布局:通过table元素将页面空间划分成若干个单元格,将文字或图片等元素放入单元格中,隐藏表格的边框,从而实现布局。这种布局方式也叫传统布局,目前主要使用在EDM(广告邮件中的页面)中,主流的布局方式不用这种。 2、...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章