响应式网站设计资料

CSS之响应式Web设计(横屏/竖屏提醒)

1

zhongxh 发布于 2018-10-19

结合CSS媒体查询,可以创建适应不同设备的方向(横屏landscape、竖屏portrait等)的布局。 语法: orientation:portrait | landscape portrait:指定输出设备中的页面可见区域高度大于或等于宽度 landscape: 除portr...

阅读(251)评论(0)赞 (0)

移动端布局方法

zhangli 发布于 2017-07-21

这篇文章,主要是总结一下,我在移动端布局用过的方法。有三种,一种是响应式布局,利用@meida判断各个size;第二种是REM;最后是设置viewport中的width。 响应式布局 这种感觉是最好理解了,利用@media进行断点,在每个断点中编写css。 1 2 3 @medi...

阅读(412)评论(0)赞 (0)

CSS中文字体对照表

zhongxh 发布于 2017-07-11

CSS中文字体对照表 css字体名可以使用2种Unicode格式,以“微软雅黑”为例: 微软雅黑 和 \5FAE\8F6F\96C5\9ED1,如果未找到需要的字体名称,可搜索在线unicode转换工具。 中文名 英文名 Unicode 华文细黑 STHeiti Light [S...

阅读(332)评论(0)赞 (0)

CSS中字体响应式的详解

6

zhongxh 发布于 2016-10-19

有关CSS中字体响应式的设置   在进行页面响应式设计中,往往需要根据屏幕分辨率来显示不同大小的字体。通常的做法是通过media queries给不同的分辨率指定不同的字体样式,例如: body { font-size: 22px; } h1 { font-size:44px; ...

阅读(617)评论(0)赞 (1)

适应站点如何做到对百度友好

zhongxh 发布于 2015-11-10

自适应也叫响应式,指可以自动识别屏幕宽度、并做出相应调整的网页设计。目前被越来越多的站点所使用。同时百度也公开宣称鼓励大家用HTML5技术打造在PC站和移动站都能让用户有良好体验的站点。那么自适应站点在代码上需要做出哪些调整可以对百度更加友好呢?我们来看看皮皮鲁网SEO负责人蒋飞...

阅读(514)评论(0)赞 (1)

自动识别触屏版

1

zhongxh 发布于 2015-01-22

C版本的网站已经在线上了,现在又做了一个手机版本的网站。 怎么让用户进去访问的时候自动识别——手机访问进手机版,电脑访问进PC版呢? <script src=”http://siteapp.baidu.com/static/webappservice/uared...

阅读(534)评论(0)赞 (0)

jquery mobile实现拨打电话功能的几种方法

zhongxh 发布于 2015-01-07

jquery mobile实现拨打电话功能的几种方法_jquery_脚本之家 在做一个便民服务电话,用到移动web中列出的电话,点击需要实现调用通讯录,拨打电话功能,有需要的朋友可以参考一下 如果需要在移动浏览器中实现拨打电话,发送email,调用sns等功能,jquery mo...

阅读(582)评论(0)赞 (0)