网站建设响应式布局
这种一般是比较常见的跳转方式，意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式，pc和移动用的是同一套html代码且网址是同一个网址。
下面这行代码一般放在<head>标签里面，目的是告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放；
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
网页样式一般在css中调整，用@media screen and (max-width: 980px) {}这种形式，意思是屏幕宽度小于980px时使用{}里面的样式，这种响应式布局，宽度常采用百分比的形式，如果害怕图片变形，可以使用{width：auto；max-width：100%}。
允许用户保存搜索、书签、购买等信息的功能。这就尽可能在所有平台中提供相同信息和功能，即无论是PC端、平板端还是手机端都保持网站信息的一致性。
手机大多没有实体的键盘，或仅只有12键的电话输入功能，因此输入文字上会比起使用键盘麻烦得多。因此，减少使用者输入文字的机会，例如：个人的帐号、密码、搜寻内文、使用编辑器等等，都是手机网站要尽力避免的。
扫描二维码