起首我们要将自适应网页代码上做出调解,禁止挪动欣赏器自动调解页面巨细,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或者至电给本网站进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权的内容。