起首我们要将自适应网页代码上做出调剂,阻止挪动阅读器主动调剂页面巨细,iOS和Android阅读器都基于webkit焦点,这两种阅读器和其他的良多阅读器都撑持viewport meta元素笼罩默认的画布缩放设置,只需在HTML的
标签中拔出一个
标签,
标签中能够设置具体的宽度(如像素值)或许缩放比例2.0。
然后要将网页修改为百分比布局,当某个阅读窗口处于媒体查询固定的范畴之外,网页就需求水平转动能力完好阅读,而经过百分比布局能够页面元素凭据窗口巨细在一个又一个媒体查询之间灵巧修改款式,网页制作,具体来说,就是css代码不会指定具体像素宽度,而是会指定一个百分比宽度,或许间接就是width:auto。
最初在讲讲响应式网站对百度友爱的症结点,
1.applicable-device标注应当怎样写
有了自适应计划的网页,还要照顾到对百度友爱的计划,即告知百度“我是自适应页面”便利百度停止识别校验。办法也很简单,只需在上面viewport标签上面再增加一个applicable-device标签就行:
透露表现页面同时合适在挪动装备和PC上停止阅读。
2.在运用百度站长平台链接提交对象的sitemp停止提交时,要做mobile type标识表记标帜,具体取值:
其他网页取值以下:
:挪动网页
:挪动网页
:代码适配
本文章来自于尚品中国:企业网站计划
免责声明:本文内容由互联网用户自发贡献自行上传,本网站也不承担相关的法律责任。如果您发现本文章中有涉嫌抄袭的内容,请发送邮件至:sales@sznetsoft.com或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。