2 zozo zlt zozo_zlt 于 2016.05.03 11:43 提问

新手有问,如果电商网页不采用响应式的话,那该怎么用HTML和css设置布局和样式?

如同标题,我本来想采用bootstrap框架的,但好像看到很多电商网站都不是用响应式布局的,我又想样式好看点,该怎么办呢。。。我的课程设计,求大神解答

2个回答

showbo
showbo   Ds   Rxr 2016.05.03 11:48

css media query,不同分辨率用不同样式控制显示

http://www.cnblogs.com/mofish/archive/2012/05/23/2515218.html

qq_15936309
qq_15936309   2016.05.03 16:03

bootstrap是响应式框架。如果要做响应式的话选择bootstrap会大大的提高效率。
如果不用框架自己写也是可以的,但是就要写至少三种样式了。学会使用media来控制分辨率。
其实你的问题应该是:不使用bootstrap框架,怎么写出响应式网页。
加油,少年~~

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
html,css3网页响应式(自适应排版,适合初学者参考学习)
html,css3写的一个网页自适应的demo,比较适合初学者。
CSS3响应式布局meta viewport属性
页面的头部之间加上:   meta viewport这个属性是在移动设备上设置原始大小显示和是否缩放的声明。   参数设置∶   width – viewport的宽度   height – viewport的高度   initial-scale – 初始的缩放比例   minimum-scale – 允许用户缩放到的最小比例   maximum-
css响应式页面实现
响应式页面概念部分1.响应式页面的由来在很久很久以前,我们做的网页只是为了PC端的观看、使用,直到2000年,2.5G手机的出现,人们可以通过手机来访问网络,使得服务商们纷纷做了另一套网页为手机访问服务,这个情况一直持续到2009年,3G智能手机的出现,手机可以访问PC端页面,只是对PC端页面进行了压缩,接着IOS提出了viewport(视口)的概念,才得以改进,大型网页可以不经缩放直接显示在手机—
精通CSS+DIV网页样式与布局--设置表单和表格
表格和表单是网页中非常重要的两个元素,在上篇博客中,我们简单的介绍了CSS的页面背景设置,今天小编继续来介绍CSS的相关知识,在我们的CSS中如何设置表格和表单,首先我们的首先表格中的标记,
如何用一简单的CSS制作响应式HTML网页
如何用简单的CSS制作响应式HTML网页#故事前端开发在这篇文章中,我将教你如何使用CSS网格来创建一个超级酷的图像网格,它随着屏幕的宽度而改变列的数量。最赞的一点就是:这个响应式效果只需要添加一行CSS。这意味着我们不必给HTML取很乱的类名(即col-sm-4,col-md-8),或者为每一个屏幕大小创建媒体查询。现在让我们开始吧!设置对于本文,我们将继续使用我们在第一篇CSS Grid文章中...
HTML5 -- 使用css3实现简单的响应式布局
本文简单的讲解了如何使用css3实现简单的响应式布局:html5文件:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name ="viewport" content="width = device-width,initial-scale=1"> <title>index01</titl
手机响应式布局rem和头部设置
(function (doc, win) {         var docEl = doc.documentElement,             resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',//屏幕旋转和窗口调整事件             recalc = function ()
响应式设计中怎样布局?
多栏布局中最大的挑战之一就是确保它能在各种各样的屏幕尺寸下正确工作。为此,提出了响应式网页设计。简单来说,就是开发一个其文本、图像和其他的媒体能够适应任何移动设备、桌面计算机或一些未来设备的浏览器体验。 在智能手机移动浏览器中看到的网页与在桌面浏览器中看到的不同,这是因为手机屏幕更小。如果想要在小屏幕上查看单栏中的文字或图像,你必须双击这个区域(见图12.23)。
响应式布局中rem、em、vw设置字体大小自适应
rem是指根元素(root element,html)的字体大小,从遥远的 IE6 到 Chrome 他们都约好了,根元素默认的 font-size 都是 16px。 这样一个新的单位兼容性如何呢?         IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了,我可以放肆的使用 rem 了。        em 的计算是基于父级元素的,在实际使用中给我
HTML5<video>背景大视频响应式布局完美支持
HTML5video全屏视频背景,并兼容移动端的响应式网站时候,遇到了遇到了在移动端时,<video>标签设置了 loop ,autoplay。在PC我们可以完美的运行,但是迁移到移动端的时候,发现,出现黑屏效果,且video内容无法显示在这里,我首先考虑的是,是否视频格式出现问题【一般情况下,webm,和mp4格式便可兼容主要浏览器】,经过验证后发现没有任何问题,便开始考虑时候有插件支持;而也了解到了一款videojs插件,Video JS是一个基于JavaScript的HTML5视频播放器,当浏览器不支