月別アーカイブ: 2016年4月

スマホでピンチアウトして拡大した時に、一撃でデフォルトサイズに戻す方法

1
2
3
4
5
6
7
8
9
10
11
12
13
function resetScale(){
    var metalist = document.getElementsByTagName('meta');
    var target = 0;
    for(var i = 0; i < metalist.length; i++) {
        var name = metalist[i].getAttribute('name');
        if(name && name.toLowerCase() === 'viewport') {
            metalist[i].setAttribute('content', 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no');
            target = i;
            break;
        }
    }
    metalist[target].setAttribute('content', 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes');
}
function resetScale(){
	var metalist = document.getElementsByTagName('meta');
	var target = 0;
	for(var i = 0; i < metalist.length; i++) {
		var name = metalist[i].getAttribute('name');
		if(name && name.toLowerCase() === 'viewport') {
			metalist[i].setAttribute('content', 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no');
			target = i;
			break;
		}
	}
	metalist[target].setAttribute('content', 'width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=2.0,user-scalable=yes');
}

Androidで縦書きをぴったり画面サイズに合わせるJS

epubビューアーを作ろうと思って、縦書き表示をCSSで作ったのだけど、Androidで、1行が画面ピッタリに表示されない。
ロードされた段階で自動的に謎のサイズに拡大されている。1行が、横書きの時に収まるサイズで計算されている気がする。
CSSだけで頑張りたかったけど、うまくいかないので、JSで。

1
2
3
4
5
6
7
8
9
10
$(document).ready(function(){
    var chars = 40;//一行あたりの文字列
    var zoomer = document.body.clientWidth / window.innerWidth;
    var realHeight = $(window).height() / zoomer;
    var fontSize = realHeight/chars;
    $(".wrapper").height(realHeight);
    $(".wrapper").css("padding",(fontSize*1)+"px");
    $(".wrapper").css("font-size",fontSize+"px");
    $(window).scrollLeft(0);
});
$(document).ready(function(){
	var chars = 40;//一行あたりの文字列
	var zoomer = document.body.clientWidth / window.innerWidth;
	var realHeight = $(window).height() / zoomer;
	var fontSize = realHeight/chars;
	$(".wrapper").height(realHeight);
	$(".wrapper").css("padding",(fontSize*1)+"px");
	$(".wrapper").css("font-size",fontSize+"px");
	$(window).scrollLeft(0);
});

CentOS7とWindows7をデュアルブート

HDDに空き領域を確保

windows7で
コンパネ>システム>管理ツール>未割当の領域を作る
https://technet.microsoft.com/ja-jp/windows/win7_tips61.aspx
フォーマットする必要なし。centos7インストール時にうまいことやってくれる

インストール

インストールディスクでcentos7インストール

  • ディスクはウィンドウズが入ってるHDD一個しか見えないけど、その空き領域にインストールしてくれる
  • 種類はサーバー(GUI)を選択
  • centos7用の各ディレクトリパーティションを設定してインストール

ブートローダー設定

Win7が立ち上がるように設定

fdisk -l

で、Win7が入ってそうなパーティションを見つける
たぶん、/dev/sda3

vi /etc/grub.d/40_custom
で、末尾に

1
2
3
4
menuentry "Windows 7" {
    set root=(hd0,2)
    chainloader +1
}
menuentry "Windows 7" {
	set root=(hd0,2)
	chainloader +1
}

を、追加

grub2-mkconfig -o /boot/grub2/grub.cfg

で、エラーが出ないことを確認する