最先我们要将响应式网页源代码上作出调节,阻拦挪动电脑浏览器全自动调节网页页面尺寸,iOS和Android电脑浏览器都根据webkit关键,这二种电脑浏览器及其别的的许多 电脑浏览器都适用viewport meta原素遮盖默认设置的画板放缩设定,只需在HTML的<head>标识中插进一个<meta>标识,<meta>标识中能够设定实际的总宽(如清晰度值)或是放缩占比2.0。
随后要将网页修改为百分数合理布局,当某一访问对话框处在媒体查询固定不动的范畴以外,网页页面就必须水准翻转才可以详细访问,而根据百分数合理布局能够网页页面原素依据对话框尺寸在一个又一个媒体查询中间灵便调整 款式,具体来讲,便是css代码不容易特定实际清晰度总宽,只是会特定一个百分数总宽,或是立即便是width:auto。
最终在讲下响应式网址对百度搜索友善的关键环节,
1.applicable-device标明应该怎么写
拥有响应式设计方案的网页页面,也要照料到对百度搜索友善的设计方案,即告知百度搜索“我是响应式网页页面”便捷百度搜索开展鉴别校检。方式 也非常简单,要是在上面viewport标识下边再加上一个applicable-device标识就可以了:
<meta name="applicable-device" content="pc,mobile">表明网页页面另外合适在移动终端和PC上开展访问。
2.在应用百度搜索百度站长工具链接提交专用工具的sitemp开展递交时,要做mobile type标识,实际赋值:
<mobile:mobile type="pc,mobile"/>
别的网页页面赋值以下:
<mobile:mobile/> :挪动网页页面
<mobile:mobile type="mobile"/> :挪动网页页面
<mobile:mobile type="htmladapt"/>:编码兼容
留下联系方式,我们将会在一个工作日内与你联系