冰皮月饼vi设计的核心价值在于为企业打造独特的品牌,冰皮月饼vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“冰皮月饼vi设计”配图为本公司设计作品
任何响应式设计中的一个关键概念是改变视口大小。这是因为移动视口与桌面视口有很大不同。为了控制视口大小,我们传统上使用视口元标签。
然而,视口元标记,就像过去所有最糟糕的浏览器开发一样,不是万维网路联盟(World Wide Web Consortium简称W3C)有效的。它最初是由苹果公司在旅行队中推出的,后来被其他浏览器采用。这导致了不一致的实现。更多
令人高兴的是,W3C通过引入@viewport CSSrule再次拯救了我们。
守旧派
使用旧的自指的标签方法,这就是我们如何告诉浏览器视窗应该看起来的大小:
meta name=' viewport ' content=' width=device-width '
半铸钢钢性铸铁(Cast Semi-Steel)规则
除了无效之外,视口指令不是数据,而是表示。因此,坚持我们的数据和表示分离原则,视口指令需要在半铸钢钢性铸铁(Cast Semi-Steel)中,而不是在超文本标记语言中。
半铸钢钢性铸铁(Cast Semi-Steel)中的万维网路联盟(World Wide Web Consortium简称W3C)解决方案如下所示:
@视口
宽度:设备宽度;
}
或者,您可以用一个数字来设置视口,如下所示:
@视口
宽度:640像素
}
您可以将@视口规则与@媒体查询结合使用,强制将任何大于960像素的视窗缩小到960像素,如下所示:
@媒体屏幕和(最小宽度:960像素){
@视口
宽度:960像素
}
}
附加性能
@视口规则还允许我们默认放大页面,甚至设置最大缩放比例:
@视口
宽度:960像素
缩放:1;
最大变焦:3;
}
通过将用户缩放属性设置为固定的,可以完全阻止缩放。然而,缩放,尤其是在智能手机上,对于可访问性是必要的,我推荐使用这个属性。
还有一个非常有用的属性允许我们将网页锁定为横向或纵向模式:
@视口
朝向:风景;
}
浏览器支持
坏消息是:目前只有Internet Explorer 10和歌剧支持该规则,并且分别需要女士和o浏览器前缀。
尽管这至少令人失望,但事实上视窗功能已经在大多数浏览器中可用,这意味着这是一个需要掌握的简单规则。希望我们很快就能在每夜的构建中看到它的引入。
你关心标准符合性吗?万维网路联盟(World Wide Web Consortium简称W3C)帮助还是阻碍了网络的发展?请在评论中告诉我们。
特色图像/缩略图,通过LostBob照
注:本文“冰皮月饼vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐