社区
CSS
帖子详情
前端设计网页布局同时适应PC端和移动端
温暖阳光236
2016-02-02 12:00:22
做网页设计的时候,做出的网页同时适应PC端各种尺寸屏幕的同时,也适应各种尺寸的移动端?
有什么方法吗?大虾们说说,谢谢!
...全文
1702
12
打赏
收藏
前端设计网页布局同时适应PC端和移动端
做网页设计的时候,做出的网页同时适应PC端各种尺寸屏幕的同时,也适应各种尺寸的移动端? 有什么方法吗?大虾们说说,谢谢!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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可以针对屏幕大小来指定引用样式。
小U商城(
PC端
、
移动端
、响应式页面).zip
一阶段完成HTML、CSS基础知识以及其新增特性,掌握页面布局方式,完成项目实战-小U商城电商网页制作,适合小白、新手。
小U商城电商网页制作(
PC端
+
移动端
+响应式页面).zip
项目实战知识点->>学习笔记-
前端
基础一阶段 一阶段完成HTML、CSS基础知识以及其新增特性,掌握页面布局方式,完成项目实战-小U商城电商网页制作(
PC端
+
移动端
+响应式页面) 含有项目实战的代码以及效果图
移动WEB
前端
高级开发项目实战_移动网页样式布局_编程案例解析实例详解课程教程.pdf
随着手机等移动设备的普及,用户的使用场景开始大面积从
PC端
转移至
移动端
,Web
前端
的开发工作也更多地偏向
移动端
应用。所以,有效地掌握
移动端
网页样式布局,是成为一名合格
前端
开发工程序的必要条件。
移动端
因其较好的HTML5和CSS3支持程度,在开发布局上可以尝试更多新的特性,而不必像PC时代一样需要考虑到各种版本浏览器的兼容性,尤其是 InternetExplorer系列。当然
移动端
也并非完美,兼容性问题依旧存在,这也许是做
前端
开发的乐趣所在本章将向读者介绍
移动端
常用布局,如 Media Query、Flex、rem等,帮助读者快速掌握
移动端
布局方法。
免费大放送!
前端
企业开发页面布局资料
前端
即网站前台部分,运行在
PC端
,
移动端
等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,
前端
框架的应用,跨平台响应式网页
设计
能够
适应
各种屏幕分辨率,完美的动效
设计
,给用户带来极高的用户体验。
移动端
webApp之大
前端
移动端
包括ipad、itocuch手机等未来移动设备对于webApp等基于浏览器的网站网页都是用基于
移动端
浏览器内核。而如今流行的手机浏览器基本都是基于webkit内核作为核心。由于
移动端
的手机屏幕跟
pc端
不同,分辨率也是五花八门,所以对于
移动端
前端
页面布局就是很大的挑战。不过我们既然知道了
移动端
跟
pc端
不同就可以有针对性的进行开发,毕竟
移动端
的浏览器不牵扯到太多
pc端
似的各种坑爹的兼容!不得不说的是viewport,这是
移动端
开发必备的一个meta标签属性。
移动端
设备分为屏幕设备大小以及浏览器视口大小,一般来说width表示浏览器视口大小,而device-width表示设备屏幕大小。比如ip
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章