-
本版专家分：0结帖率 92% -
做网页设计的时候，做出的网页同时适应PC端各种尺寸屏幕的同时，也适应各种尺寸的移动端？
有什么方法吗？大虾们说说，谢谢！问题点数：40分
-
本版专家分：4696 -
自行百度响应式布局~
-
本版专家分：747 -
将宽 高 不要写死都写成百分比 基本上就可以了。
还有就是css可以针对屏幕大小来指定引用样式。
-
本版专家分：0
-
bootstrap，pintuer，都是不错的响应式布局框架，不过拼图也是基于bs的一个框架，如果网页简单的话，可以使用bs来做，但是如果你的网页很复杂，或者说，手机端的页面跟web端的差距很大的时候，你就只能来写两套css，甚至写两套网页，都是看实际的需求来写，各有利弊吧
-
本版专家分：206 -
bootstrap对于IE6-7不是很友好，需要特别处理，就算是IE8也不是直接就可以用的，毕竟是移动优先，不过，总归还是得看实际需求。
-
本版专家分：0
-
有，你还是找人再开发一个移动版吧，
-
本版专家分：186808
-
- 进士 2009年 总版技术专家分年内排行榜第七
-
- 金牌 2009年9月 总版技术专家分月排行榜第一
-
- 银牌 2009年8月 总版技术专家分月排行榜第二
-
-
红花
2011年11月 Web 开发大版内专家分月排行榜第一
2009年10月 Web 开发大版内专家分月排行榜第一
2009年9月 Web 开发大版内专家分月排行榜第一
2009年8月 Web 开发大版内专家分月排行榜第一
2009年7月 Web 开发大版内专家分月排行榜第一
2009年6月 Web 开发大版内专家分月排行榜第一
2007年7月 Web 开发大版内专家分月排行榜第一
2007年6月 Web 开发大版内专家分月排行榜第一
-
-
可能分别做还更简单点
-
本版专家分：0
-
本版专家分：0
-
分别做吧 这样会更好
-
本版专家分：0
-
百度了解一下html5 自适应
-
本版专家分：120
-
- 蓝花 2006年11月 Java大版内专家分月排行榜第三
-
-
我也觉得自适应是个伪命题.
蒲扇般的大手捏一对小A,怎么捏,都别扭
- 其他相关推荐
- PC端移动端兼容响应式布局页面的制作
- 之前已经制作了PC端固定布局和移动端流体布局的页面，这次的任务就是将一个页面制作成PC端移动端兼容响应式布局页面，是页面能在不同屏幕大小下呈现处不同最佳显示状态。 主要的过程就是对： 1.将width改为max-width，来适应屏幕的变动来改变自身宽度等。其他亦然。 2. /*媒体查询，参考部分Bootstarp框架*/ /*当页面大于1200px时，大屏幕，
- lib-flexible移动端适配方案
- 核心是通过rem来替代px单位。从而实现多分辨率适配! 本案例需要结合一个文本和一个插件来快速开发实现，vscode 以及 插件px2rem
- 移动端适配步骤
- 手机端全部适配简易步骤，不确保没有bug。 1、HTML 的 head 部分中加入如下代码： 其中 width：viewport 的宽度，可以指定为一个像素值，如：640，或者为特殊的值，如：device-width （设备的宽度）。 initial-scale：初始缩放比例，即当浏览器第一次加载页面时的缩放比例。值为 1.0 即原始尺寸。 maximum-sc
- 网页自适应pc端和移动端
- 手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。 于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？ 下面让木易设计来告诉大家。 很多网站的解决方法，是为不同的设备提供不同的网页，比如专门...
- PC端、移动端的页面适配及兼容处理
- 一、关于移动端兼容性 目前针对跨终端的方案，主要分为两大阵营：一套资源Vs两套资源。 第一种是通过响应式或页面终端判断去实现一套资源适配所有终端； 第二种是通过终端判断分别调取两套资源以适配所有终端。 这两种思路我们并不能斩钉截铁的说哪一个更优选，正所谓”合适的才是最好的”。 思路一:通过响应式或页面终端判断去实现一套资源适配所有终端 优势：只需维护一套资源，维护成本较低。 劣...
- 关于移动端布局和pc端写法
- 一：移动端准备工作<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1"><!-
- 移动端适配怎么做
- 原文链接：https://www.cnblogs.com/MaggieGao/p/6994868.html1、自适应屏幕宽度之viewport，在html中添加meta标签，让网页宽度默认等于屏幕宽度。 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">扩展viewp...
- CSS的@media语法实现页面端手机端的自适应
- 在CSS3版本内有这么一个语法： @media mediatype and|not|only (media feature) { CSS-Code; } 最近初学css，需要用到设备和电脑端各种页面自适应的情况。当然自然而然就会想到这一个属性： @media，今天花了1小时左右做了一个自适应的小demo，如下图所示： 电脑端的显示图：
- 图片大小自适应、pc端、手机端
- 写页面的时候经常会遇到需要图片 自适应 容器大小这样的情况：<style>div{width:400px;height:400px;border:1px solid #000; }img{width:100%;height:100%;}</style>不管容器有多大，只要将img的宽高设置成100%（这里的100%是相对于父级宽高而言）就能自适应容器大小。那是不是就这这么简...
- Css3的Media Query方法总结—让您的网站兼容手机
- 最近几年，大屏幕手机和ipad等移动设备的流行，使你的网页兼容移动设备已成为一种流行！移动设备的屏幕大小是五花八门，各式各样！要想很好的兼容移动设备，Css3的media技术是功不可没。 我的博客，应用了CSS3的media技术，使其在手机等移动设备上面也可以查看。当然，只凭css3的media技术，做好手机网站是远远不够的，手机网站注意事项和总结，后面会陆续出一些文章，欢迎持续关注！
- 移动端屏幕适配的解决
- 随着手机硬件配置的飞速增长、屏幕尺寸的越来越大和网络带宽的逐渐提升，越来越多的PC业务和服务在向移动端转移。然而在这移动端的时代，为了处理各终端屏幕的适配，是否乱了手脚呢？https://hzzly.github.io/2017/03/15/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%B1%8F%E5%B9%95%E9%80%82%E9%85%8D%E7%9A%84%E8%A7%
- webapp屏幕适配
- 1.使用rem 为什么使用rem 参考如下两篇文章： http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html http://hjingren.cn/2017/03/15/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%B1%8F%E5%B9%95%E9%80%82%E9%85%8D%E7%9A%84
- flexiable 在webpack中的配置
- 本文转自http://hjingren.cn/2017/03/15/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%B1%8F%E5%B9%95%E9%80%82%E9%85%8D%E7%9A%84%E8%A7%A3%E5%86%B3/ 手淘的 lib-flexible + rem 安装 lib-flexible npm i lib-flexible –save ...
- vue+webpack项目中px2rem的例子
- 引言： gitchat里有更详细的实战例子 Vue+Webpack 把 PX 转化成 REM 的实战例子 本文重点： 项目环境搭建此处省略，不再赘述，需要的请查阅相关资料。 本篇只介绍，如果在vue+webpack的项目中配置，把px自动转为rem 第一步安装 npm install postcss-px2rem postcss --save 第...
- 使用pc端页面自适应移动端
- 有时候我们会纠结PC页面在手机页面上无法正常显示，超出屏幕，有些内容看不到，现在又了下面的代码，可以做到自适应手机屏幕宽度：在网页的<head>中增加一个meta标签：<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0,...
- pc移动端自适应布局html页面（二）
- 效果图 biPcMobile .main{padding-left:40px;} .s
- pc端和移动端自适应网页
- 做网页时，我们通常需要考虑到不同电脑屏幕尺寸，以及不同手机屏幕大小等问题，解决样式发生改变的情况，那么如何解决呢？现在主要是采用自适应来解决高度，宽度的，以及图片自适应问题，下面就PC端和移动端来总结一下，通常进行自适应高度和宽度，图片时，一般与页面的布局存在关系。1、最小尺寸分辨率1024*768（传统17寸显示器），则可以采用940px、960px、或者常用的980px作为最小宽度2、10...
- web页面常用布局（pc端布局和移动端布局）
- web页面常用布局（pc端布局和移动端布局） 什么是web布局呢？ 布局也可以叫做排版，它指的是把文字和图片等元素按照我们的意愿有机地排列在页面上，布局的方式分为两种： 1、table布局：通过table元素将页面空间划分成若干个单元格，将文字或图片等元素放入单元格中，隐藏表格的边框，从而实现布局。这种布局方式也叫传统布局，目前主要使用在EDM(广告邮件中的页面)中，主流的布局方式不用这种。 2、...
- CSS3 实现电脑端和手机端页面自适应
- 1、通过link方法link方法引入媒体类型其实就是在<link>标签引用样式的时候，通过link标签中的media属性来指定不同的媒体类型。这种方式引入媒体类型时常跟着引用的样式文件走，如下所示。<!--手机端--> <link rel="stylesheet" type="text/css" href="style_phone.css" media="screen.
- 自己刚做的PC端web项目适配手机页面的大概思路
- 前言： 最近在一家新的公司开发一个pc产品，所有东西都是我一个人搞，时间精力有限，不单独弄一套手机页面，但为了使我的产品能够让顾客的体验感更好点，我采用适配移动端页面的办法。 一、主要的思路 PC设计成max-width=980px页面，min-width=700px。页面采用px+百分比，通过viewport设置缩放成满屏，并且允...
- 兼容移动端的后台管理框架
- bootstrap admin：https://adminlte.io/
- PC端如何跟手机端兼容
- 有问题可以扫码加我微信，有偿解决问题。承接小程序开发。 微信小程序开发交流qq群 173683895 、 526474645 ； 正文： 字体在手机端变小，高度变低的解决办法 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scal...
- 在rem布局下使用背景图片以及sprite
- 现在移动端页面用rem布局已经是一大流派了，成熟的框架如淘宝的flexiable.js，以及我的好友@墨尘写的更轻量级的hotcss。用rem作单位使得元素能够自适应后，还有一块需要关注的，那就是背景图片。本文就来聊聊这方面的东西。rem布局所谓rem布局就是指为文档的根节点<html>元素设置一个基准字体大小，然后所有的元素尺寸都以rem为单位来写。比如将<html>的字...
- vue-cli + lib-flexible + px2rem实现px自动转化为rem
- 原文地址：http://hjingren.cn/2017/06/16/%E5%9F%BA%E4%BA%8Evue-cli%E9%85%8D%E7%BD%AE%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94/安装 lib-flexible在命令行中运行如下安装：npm install lib-flexible --save-dev 引入 l...
- vue移动端flexible.js结合Muse-ui使用的小坑
- 因为公司有个项目有webapp的需求，在前期准备的期间考虑过使用ionic，毕竟该项目web端的框架使用的是Angular，项目组的人也都比较熟悉，但是我们毕竟只是做个移动的网页，不想用ionic那么繁琐的东西，最终我还是选了vue。 开始的设想是vue+Muse-ui或者Mint-ui(各有优缺点)+flexible.js，在做到手机端兼容的同时结合ui框架让项目更好看些，然后就开始动手做！
- vuejs第二篇 vue-cli配置移动端自适配（引入flexible）
- 1.安装lib-flexible
- echart 移动端自适应解决办法
- 如果你的代码里还有一个图表可以使用一下官方提供的自适应代码window.onresize = myChart.resize; 如过有多个图表可以给图表起不同的名字，然后window.onresize = function(){ _myChartline.resize(); _myChartbar.resize(); }这样就可以轻松的实现自适应了，如果需要高级自适应可以使用e
- 浅谈PC和移动端的自适应
- 移动开发 前端开发 html5 PC
- pc、移动端 自适应布局方案
- 1、PC端做一个PC端的网页,设计图是1920X1080的. 要在常见屏上显示正常(比例正确可) 1280X720 1366X768 1440X900 1920X1080使用了以下几种方案 1.内容在一屏内显示的,采用了(内容框)上下左右居中的办法,里面的内容绝对于这个内容框定位.这样一来,在不同大小屏中,内容总是在中间,看起来较正常 2.长,宽,LEFT,TOP,RIGHT,BOTTOM都采用了R
- 将pc端的网页自适应显示在移动端
- 当我们将一个pc端的网页放到移动端的时候，移动端浏览器会将pc端的网页按照一定的比例完整的显示出来，这是因为移动端的浏览器默认的会将网页渲染在一个比例比较大的viewport中排版（ios默认的是980px，Android4.0以上为980px），然后通过比例缩放看到整个页面的全貌。 但是,使用默认的viewport布局会有以下缺点： 宽度不可控制，不同系统不同...
- PC与移动端媒体查询配置
- PC端 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 | 14.1寸、15.0寸) 1280*854(比例：15：10 | 15.2） 1366*768 (比例：16：9 | ...
- js实现一个可以兼容PC端和移动端的div拖动效果
- 前段时间写了一个简单的div拖动效果，不料昨天项目上正好需要一个相差不多的需求，就正好用上了，但是在移动端的时候却碰到了问题，拖动时候用到的三个事件：mousedown、mousemove、mouseup在移动端都不起任何作用。毕竟移动端是没有鼠标的，查资料后发现，在移动端与之相对应的分别是：touchstart、touchmove、touchend事件。还有一点要注意的是在PC端获取当前鼠标的坐标
- 浅谈前端移动端页面开发（布局篇）
- 前言的一些碎碎念：最近一直在写移动端的页面，不过一直是用的别人造好的轮子，很多时候并没有想那是为什么，那是怎么样要那么写，就跟着别人的文档去了。本以为自己对移动端的那一丢丢理解，结果很多东西都特么有问题，所以，今天停下了手中的一些东西，来谈下移动端的布局方案吧 内容有些长，这也是我第一次写博客，不足之处还请严厉指出 一. viewport 什么是viewport 简
- 如何开发能够在手机上运行的web应用程序
- 我想找人开发一款独立的AJAX应用程序，通过URL登录程序，即可以通过PC浏览器访问也可以通过手机浏览器访问，通过手机浏览器访问的时候，程序能自动识别终端屏幕尺寸并排版页面。 比如我想开发一款类似邮箱
- css媒体查询 @media适配不同大小窗口
- css3 @media css3媒体查询 响应式网页设计 css适配不同窗口大小
- 整理H5|web移动前端自适应适配布局解决方案
- 方案： 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案使用flexbox解决方案使用百分比加媒体查询使用rem 1. 简单问题简单解决 我觉得有些web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iphone6,ipad下的样子就知道了： 它的页面有一个特点，就是： 顶部与底部的bar不管分辨率怎么变，它的高度
- 开发项目需求要求能够web和移动端同时兼容的前台框架请各位推荐一下！
- 开发项目需求要求能够web和移动端同时兼容的前台框架请各位推荐一下！ 就是想用这个框架做完的页面最好能够自适应手机的那种框架~希望各位给点意见
- pc/手机端时间选择控件
- pc端 src="My97DatePicker/WdatePicker.js"> class="Wdate" type="text" onClick="WdatePicker()"> color=red><- 点我弹出日期控件 class="Wdate" type="text"
- 移动端PC端自适应
- 这是我把几个自适应的方式做了整理，供大家参考 媒体查询： 这段代码的几个参数解释： width = device-width：宽度等于当前设备的宽度 initial-scale： 初始的缩放比例（默认设置为1.0） minimum-scale：允许用户缩放到的最小比例（默认设置为1.0） maximum-scale：允许用户缩
- pc端网页自适应各版本移动端屏幕大小
- 之前做了一个小项目，打包为app后在大部分安卓机上都可以完美运行，只有魅族的一款型号机产生了屏幕适应问题。 在网上广泛搜索后终于找到了解决办法： meta标签起决定性作用 meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,us
- rem做到pc端到移动端自适应
- 将下面自适应js代码放到head下面body上面 adaptive(document, window);//初始加载自适应 function adaptive(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resi...
- 基于React的适配PC端和移动端的轻量音乐播放器
- 基于React的适配PC端和移动端的轻量音乐播放器，底层是audio标签，利用audio的API完成开发，css媒体查询做适配
- 前端布局是响应式好？还是手机和PC端分开来写好？
- 根据你的产品特点，进行两种不同的设计， 根据你的设计需求，选择合适的技术方案。 A与B不是硬币的正反面，它们为了解决同一个问题而生，它们是同一种思想的延伸。 移动和桌面设计的差别远不止是布局问题。只要有足够的编程量，这些差别是可以通过响应式设计来解决的。事实上，你可以认为如果一种设计不能兼顾两种平台的主要差别，就不能算是合格的响应式设计。但是，如果确实想要处理好平台间的所有差异，我们...
- 关于pc端网页在手机上布局显示乱的问题
- 我写了个pc端的页面，在手机上显示不全，总有点偏移。不知该如何处理，望大神指教。 http://www.blykx.net/这个是网页 不需要自适应，只要能在手机上看就行 有横向滚动条都没问题
- Jsp编写的页面如何适应手机浏览器页面
- content属性值 :width:可视区域的宽度，值可为数字或关键词device-width(设备的宽度)maximum-scale=2.0, minimum-scale=1.0;可视区域的
- jsp页面适应手机页面
- 经常遇到JSP网页需要适配手机设备的尺寸问题 解决：在JSP加入<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>...
- 基于vue的UI框架集锦(移动端+pc端)
- 1. vonic 一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约，是我喜欢的风格 star 2.3k中文文档 在线预览2.vux 基于WeUI和Vue(2.x)开发的移动端UI组件库 star 10k基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式。中文文档 在线预...
- 移动端自适应所有尺寸屏幕的方法（适用所有尺寸屏幕，PC端也可以用）
- 移动端必须代码： js动态计算rem代码：（此代码适配所有手机端） 1. 750的设计稿： 2.任意尺寸的设计稿 自适应
- 使PC端网页宽度自适应手机屏幕大小
- 有时候我们会纠结PC页面在手机页面上无法正常显示，超出屏幕，有些内容看不到，现在又了下面的代码，可以做到自适应手机屏幕宽度： 在网页的中增加一个meta标签： 可以让网页的宽度自动适应手机屏幕的宽度。 其中： width=device-width ：表示宽度是设备屏幕的宽度 initial-scale=1.0：表示初始的缩放比例 minimum-scale=
- pc移动端自适应布局js脚本（一）
- (function(){ //点击一级目录 $(".first-leve-div span").click(function(e){ e.stopPropagation(); $(this).next("ul").slideToggle(); }) // 点击二级目录 $('.second-leve-ul a').click(
- Vue.js的组件和框架PC与移动 iView elementUI MintUI
- 饿了么团队开源一个基于vue 组件库 elementUI PC官网 http://element.eleme.io/ MintUI 移动端 http://mint-ui.github.io/ iView 是一套基于 Vue.js 的 UI 组件库，主要服务于 PC 界面的中后台产品。https://www.iviewui.com/components/layout
- vue移动端，基本架构搭建
- vue官网 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install $ npm run dev 基本架子搭起来了 中间用到的文件会统一放在附件里 1.首先是re
- 基于vue的前端框架——Mint UI（更适用于移动端）
- 一、mintUI简介 mint是一个基于vue的前端UI框架，而它的样式比较类似于手机的样式，可以说是一个基于vue打包app的UI框架，使用mint框架可以给使用vue打包的app的用户更好的交互体验。mint已支持vue2.0。二、安装和引入mintUI 在安装之前首先要对vue.js有所了解，有一个建立好的vue的项目以及安装好的node.js。 ...
- 并行计算机组成与设计
- 本书以简单易懂的方式讲解错综复杂的并行体系结构，引导读者了解并行计算机的工作原理，同时鼓励读者创新并实现自己的设计。
- vue使用localStorage保存登录信息，适用于移动端、pc端
- 众所周知，vue可以用来开发移动端app，可以使用hbuilder将build好的vue打包成一个移动端app，但是用过之后就会发现，使用cookies或者session保存登录的token，在手机端无法保存，每次打开app依然提示登录。那么我们可以使用localStorage来保存登录信息就可以了，具体代码如下 1、vuex stroe代码 index.js import Vue from 'v...
- jQuery Mobile使用中遇到的坑！填坑很难，但很有成就感。。
- jQuery Mobile使用中遇到的坑！填坑很难，但很有成就感。。 最近参与到一个项目的前端开发中，为了提高用户体验使用到了jQuery Mobile。主要是用到了页面过渡效果，这种效果可以做到页面跳转的时候比较高大上，而且过渡的时候只加载dom，不用每次都加载css、js等，会在一定程度上提高页面加载速度。下面记录一下我在使用JM时遇到的莫名奇妙的坑。 1. 白屏问题 首先这问题很多人...
- 手机端访问PC（电脑端)链接时，自动适应手机端对应链接的处理方法
- function mobile_device_detect() { var url = location.protocol + '//m.yimudi.cc' + location.pathname+location.search; var thisOS=navigator.platform + navigator.us
- 【Bootstrap】一个PC、平板、手机同时使用而且美观的登陆页面
- Bootstrap如同前台框架，它已经布置好不少的CSS，前端开发的使用需要则直接调用即可。其网站的网址就是http://www.bootcss.com。使用Bootstrap能减少前端开发时候在CSS样子的布置时间 需要使用Bootstrap先在官网（点击打开链接）下载组件即可，用于生产环境的Bootstrap版本（点击打开链接），Bootstrap3对2并不兼容，建议直接根据其开发文档使用B
- 我用JQuery mobile做的HTML5页面,为什么显示不出来效果
- 我做了一个测试页面,但显示还是平淡的HTML效果,手机上也是如此,代码如下: 欢迎光临平台
- jQuery mobile从入门到放弃
- 之前只知道jquery有个专门做移动端的插件，今天做移动端项目的时候了解了下它的事件，简单实用，触摸滑动基本都有，因为之前小组默认都是jQuery来写代码来着，所以从官网下载出来准备直接开动，但一直到从中午到晚上，他让我感觉到越来越绝望，现在，我想把我遇到的问题写出来，大家可以参考一下 问题1：我在两个官网分别下载最新的插件，jquery.mobile-1.4.5.min.js与jquery
- 移动版本的优化——说白了就是ＰＣ和移动端网页的对接
- 其实很久之前就注意到了，看小说的时候发现很多网址前面有个“m.”，当时就怀疑这是移动端的标志了，还曾经试图去掉“m.”看能不能转为PC端的，此处吐槽一下，本人觉得在很多情况下PC端的看起来比移动端的爽，虽然有很多广告这点很头疼！ 以下内容基本宅在 昝辉先生的《SEO实战密码》。上图： 移动搜索一般指的是手机搜索。Pad、平板电脑类设备通常被视同PC，因为屏幕尺寸和用户体验更靠近PC。
- (@media 响应式PC端媒体查询)电脑屏幕分辨率尺寸大全
- PC端按屏幕宽度大小排序（主流的用橙色标明）分辨率 比例 | 设备尺寸1024*500 （8.9寸）1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ）1280*800（16：10 |15.4寸）1280*1024(比例：5：4 | 14.1寸、15.0寸)1280*854(比例：15：10 | 15.2）1366*768 (比例：16：9 | 不常见）1...
- 支持移动端，PC端图片弹出层（支持键盘）
- DEMO下载：http://download.csdn.net/detail/cometwo/9571755 conten
- pc端前端页面适应不同分辨率的问题
- if(window.screen.width>1427&&window.screen.width document.write(""); } if(window.screen.width document.write(""); } 这里记住将此必须写在head中，这样样式才会先被加载出来，如果将此写在自己定义的js文件中，js文件写在body后面
- 【Bootstrap】自动适应PC、平板、手机的Bootstrap栅格系统
- 栅格系统英文为“grid systems”，也有人翻译为“网格系统”，运用固定的格子设计版面布局，其风格工整简洁，在二战后大受欢迎，已成为今日出版物设计的主流风格之一。 1692年，新登基的法国国王路易十四感到法国的印刷水平差强人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担
- Html5pc端发布的富文本在移动端自适应屏幕
- 很简单，但是找了很久才找到 在要显示的文本外面加上 就可以了
- 即时通信系统中如何实现：支持PC端和移动端同时在线（即支持同帐号多设备同时登录）？
- 如果我们开发的即时通信系统（IM系统）要支持同帐号多设备同时登录的场景（或称“多地登录”），即需要像QQ一样，在PC端登录的同时，也可以使用同一个帐号登录移动端（iOS或Android），那么，如何才能做到了？
- PC端自适应的可交互的经典布局详解
- 时间：2017年5月8日08:55:22 作为一名Web前端开发工程师，基本功就是扎实的CSS布局功底，做过整站开发的工程师都知道，第一步不是盲目搭建页面框架，而是对设计稿进行分析和规划。本文以一个通用性较高的实际项目，进行深入分析和探讨。 1、设计稿，如下图所示 2、需求分析 页面整体分为五部分： 第一部分，在任何情况
- 如何实现手机、平板、电脑共用一套前端代码 如何去考虑的
- 公司要开发一套兼容手机、电脑、平板的竞赛页面 电脑版的首页内容还蛮多，可以实现这三个共用一套前端代码吗
- 作为一个后端的开发人员如何快速搭建前端页面
- 今天分享一下对于那些不经常接触前端代码，主要业务放在Java、PHP、Android开发上的人员，自己又想开发一个网站或者系统的时候，怎么快速搭建出属于自己前端页面。其实就是借用别人写好的前端代码，直接拿过来修改，这样就节省了写前端代码的时间，让我们有更多的时间去专注后端服务器的开发，利用web浏览器可以轻易做到这一点。下面通过谷歌浏览器获取（偷取）已经写好的前端页面的代码，找到自己想要的页面下过...
- html5+css3适配问题（手机、平板、PC）
- 随着互联网的快速发展，以及html5+css3的迅速崛起。渐渐的响应式布局，也会慢慢的出现在我们的视野里，身为专业的web前端人员，还不学习新技术你就out啦！为什么这样说呢？因为响应式布局能同时兼容多个终端，比如（手机、平板、PC）做一个网站转眼间就可以变成3个网站，和现在相比是不是更加具有优势呢! 可能有些人对“什么是响应式布局”还不是很了解，下面就跟大家简单说下什么是响应式布局： 响应式
- 移动端web页面自适应和rem
- 自适应，rem，移动端，web前端
- rem自适应移动端布局
- 现在的移动终端 以前，实现移动端适配的时候，我使用CSS3 @media 监测视口宽度，根据不同宽度实现不同的布局，从而实现一套CSS适配所有终端（PC，移动）。虽说听起来很方便，但实际上工作量也是相当多的，那有什么方法可以更简单地去适配移动端呢？
- 兼容pc端、手机端、ipad全屏显示
- 资源可以大家一起分享，学习无止尽。关于电脑端、手机端、ipad端全部兼容。
- 移动端web适配屏幕，PC端在ios屏幕固定
- 问题描述： 官网在ios手机上打开时，没有填充整个屏幕大小，出现滚动条，可以左右滑动。 在Android手机上则没有这个问题。 问题解决： /** * MobileWeb 通用功能助手，包含常用的 UA 判断、页面适配、search 参数转 键值对。 * 该 JS 应在 head 中尽可能早的引入，减少重绘。 * * fixScreen 方法根据两种情况适配，该方法自动执...
- 利用js自动检测pc端和移动端，js代码，需要写两个网页，一个pc，一个移动端
- 假设pc/index.html是pc端的网页，mobile/index.html是移动端的网页 在外部设置一个html进行判断，分别跳转； //判断如果是pc端，自动跳到pc/index.html //安卓手机自动跳到mobile/index.html var userAgent = navigator.userAgent.toLowerCa...
- 前端PC-移动端CSS公共样式+HTML
- 一：移动端公共样式 [css] view plain copy /* 禁用iPhone中Safari的字号自动调整 */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-s...
我们是很有底线的