码迷,mamicode.com
首页 >  
搜索关键字:device-width    ( 1489个结果
手机web——自适应网页设计(html/css控制)
一.允许网页宽度自动调整: "自适应网页设计"到底是怎么做到的?其实并不难。 首先,在网页代码的头部,加入一行viewport元标签。viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width=device-width),原始缩放比例(initial-scal...
分类:移动开发   时间:2015-11-17 13:01:51    阅读次数:205
viewport
width [pixel_value | device-width] width 直接去设置具体数值大部分的安卓手机不支持的 但是IOS支持 user-scalable 是否允许缩放 (no||yes) initial-scale 初始比例 minimum-scale 允许缩放的最小比例 maxi....
分类:其他好文   时间:2015-11-12 23:17:39    阅读次数:310
CSS 设置字体环绕图片效果
<!DOCTYPE?html> <html?xmlns="http://www.w3.org/1999/xhtml"><head> ?<meta?http-equiv="Cache-Control"?content="no-siteapp"> ?<meta?name="viewport"?content="width=device-width,minimum-scale=1...
分类:Web程序   时间:2015-11-12 14:56:46    阅读次数:381
Viewprot meta学习笔记
viewprot屏幕尺寸,专为移动页面设计参数width,height宽高,或者device-width、device-height设备的宽高initial-scale初始缩放比例。如果设2.0则会放大两倍maximum-scale允许用户缩放最大比例minumum-scale允许用户缩放最小比例u...
分类:Web程序   时间:2015-11-09 01:28:06    阅读次数:200
JavaScript拆炸弹
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale...
分类:编程语言   时间:2015-11-06 14:56:44    阅读次数:259
JS异步上传压缩过的图片!
感谢?think2011 这位兄台的JS库:https://github.com/think2011/LocalResizeIMG 先看调用页面: <!doctype?html> <html> <head> <meta?charset="utf-8"> <meta?name="viewport"?content="width=device-width...
分类:Web程序   时间:2015-11-05 12:10:16    阅读次数:159
【html5】常见标签使用说明(持续更新)
说明:所谓常见,是指我在优秀网页源码中见到的。1.viewport我见到的时候是这样:viewport就是设备的屏幕上用来显示网页的区域。先解释看到的参数:width:viewport宽度,这里设置的device-width是指设备屏幕宽度;initial-scale:页面初始缩放程度,这里设置的1...
分类:Web程序   时间:2015-10-27 17:39:49    阅读次数:236
移动端 页面初尝试(一)
第一次写移动端的页面1、基本在网页头部我们只需添加四个meta标签就可以实现一个手机网站的框架。我一起来看看是哪些meta标签。详细属性:width ---- viewport的宽度(width=device-width意思是:宽度等于设备宽度)height ------ viewport的高...
分类:移动开发   时间:2015-10-27 17:23:26    阅读次数:164
制作网页相册
<!DOCTYPEhtml> <html> <headlang="en"> <metacharset="UTF-8"> <title></title> <metaname="viewport"content="width=device-width,initial-scale=1"> <linkhref="css/lightbox.css"rel="stylesheet"/> <!--新Bootstrap核..
分类:Web程序   时间:2015-10-27 13:34:02    阅读次数:193
引入Bootstrap制作登录界面
<!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <metaname="viewport"content="width=device-width,initial-scale=1"> <!--新Bootstrap核心CSS文件--> <..
分类:其他好文   时间:2015-10-26 19:01:36    阅读次数:182
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!