基于HTML、CSS、JS想实现移动端和PC端最大程度的统一

dxpfigo 2016-09-20 02:59:16

基于HTML、CSS、JS想实现移动端和PC端最大程度的统一，能实现吗？

移动端想基于H5开发，PC端运行环境可能是XP，浏览器可以固定一款。

JS代码想尽最大程度统一成一个业务逻辑，html可接受部分的不一致。

各位高手觉得这个可能吗？如果可以，我需要注意点什么？如果不行，有什么不可

克服的障碍？？

...全文

510 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2016-09-20

打赏
举报

回复

百度：响应式布局

不想通过CSS自适应在PC端和移动端分别显示不同的样式，那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了，那么怎么跳转呢，网上也有很多文章说明，以下实现思路经过小编测试过，放心使用。 1.效果图 PC端访问显示： 移动端访问显示： 2.实现：不考虑移动端搜索引擎优化的话，只需要通过JS判断是否移动端，然后确定是否跳转到指定页面就行了，主要JS如下： //判断是否移动端，如果是则跳转到指定的URL地址 function browserRedirect(url) { //只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值 var sUserAgent = n

前台会员中心模板全套页面。html+css+js+各种丰富的插件）大家快速开发后台必备模板，适合设计o2o、商城、系统平台。文件内包含了一整套页面，帮助大家快速完成页面设计，不用再写一行页面代码，只需要专注开发后端功能就行了。首页、会员中心页面、列表页、内容页、活动页等等一应俱全。很方便前端二次修改，或者jsp、PHP，ASP等程序员的使用，页面风格通用性强，符合大众审美，本套页面，已经测试，可以正常使用！欢迎交流。

对于现在做前端开发人员来说，FlatUI肯定不陌生，最近几年扁平化的设计越来越流行，大概由于现在PC端和移动端的设备的分辨率越来越高，扁平化反而看起来更让人愉悦，而通过渐变色产生的质感色彩反而没有扁平化来得亲切。 Flat UI是基于Bootstrap之上进行二次开发的扁平化前端框架，他提供了动感、时尚的风格色调搭配，简洁、炫丽的功能组件，同时还提供了更为平滑的js交互动画，可以称得上前端扁平化设计框架的优秀代表之一。既然是扁平化设计框架的优秀代表，当然需要在自己项目中应用应用，Qt中的qss机制，和css极为相似，感觉就是脱胎于css，用qss来实现Qt界面样式不是一般的方便，而是相当的爽，在看到FlatUI这样的精美的扁平化设计样式后，难以抑制手痒痒，就想用qss实现类似的风格。

video-js(视频播放器插件)，很好的视频播放器插件，兼容性好，集成简单。

本文将介绍CSS中常见单位的使用方法，并探讨在移动端和PC端设计时如何选择合适的单位，帮助开发者更好地实现响应式布局。CSS中有多种单位可以用来定义大小和间距，包括像素（px）、百分比（%）、视口单位（vw/vh）、相对单位（em/rem）、点（pt）、毫米（mm）、英寸（in）等。每种单位都有其适用场景和优势。CSS中常见单位的选择对移动端和PC端的设计至关重要。通过了解不同单位的特点和优势，开发者可以更好地实现响应式布局和精确控制。

43,740

社区成员

5,567

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章